Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #e6ffff 0%, #b2ffd8 50%, #ecfcff 100%);
  background: radial-gradient(circle at 50% 45%, #e6ffff 0%, #e5ffff 4.5%, #e1fffe 9.1%, #dafffd 13.6%, #d2fffb 18.2%, #c8fff6 22.7%, #c0fff0 27.3%, #b9ffe8 31.8%, #b5ffe2 36.4%, #b3ffdc 40.9%, #b2ffd9 45.5%, #b2ffd8 50%, #b2ffd9 54.5%, #b3ffdd 59.1%, #b5ffe4 63.6%, #baffec 68.2%, #c1fff4 72.7%, #ccfffa 77.3%, #d6fefe 81.8%, #e0fdff 86.4%, #e7fcff 90.9%, #ebfcff 95.5%, #ecfcff 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(98.19% 0.0260 196.74) 0%, oklch(93.94% 0.0927 161.89) 50%, oklch(98.01% 0.0173 210.19) 100%);
  background-blend-mode: normal;
}