Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #f5f3ff 0%, #e1ffd5 50%, #ebffff 100%);
  background: radial-gradient(circle at 50% 45%, #f5f3ff 0%, #f4f3ff 4.5%, #f3f3ff 9.1%, #eef4ff 13.6%, #e6f7ff 18.2%, #dbfbff 22.7%, #d1feff 27.3%, #cffff6 31.8%, #d4ffe8 36.4%, #daffdd 40.9%, #dfffd7 45.5%, #e1ffd5 50%, #e0ffd6 54.5%, #dfffd9 59.1%, #ddffde 63.6%, #dbffe5 68.2%, #dbffed 72.7%, #dcfff4 77.3%, #e0fffa 81.8%, #e4fffd 86.4%, #e8fffe 90.9%, #eaffff 95.5%, #ebffff 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(96.91% 0.0161 293.76) 0%, oklch(96.76% 0.0635 136.74) 50%, oklch(98.54% 0.0209 196.82) 100%);
  background-blend-mode: normal;
}