Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #e0cceb 0%, #c0e9ff 50%, #d7ffba 100%);
  background: radial-gradient(circle at 50% 45%, #e0cceb 0%, #e0ccec 4.5%, #dfcdef 9.1%, #dccff4 13.6%, #d8d3fb 18.2%, #d1d7ff 22.7%, #cadcff 27.3%, #c5e1ff 31.8%, #c2e5ff 36.4%, #c0e7ff 40.9%, #c0e9ff 45.5%, #c0e9ff 50%, #bfeaff 54.5%, #bbecff 59.1%, #b4f0ff 63.6%, #acf5fc 68.2%, #a7faf4 72.7%, #aafee6 77.3%, #b5ffd7 81.8%, #c3ffca 86.4%, #ceffc1 90.9%, #d5ffbc 95.5%, #d7ffba 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(87.11% 0.0472 313.73) 0%, oklch(91.20% 0.0522 231.50) 50%, oklch(95.49% 0.0990 132.52) 100%);
  background-blend-mode: normal;
}