Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #f7d3ff 0%, #fbc4e1 50%, #e5ffff 100%);
  background: radial-gradient(circle at 50% 45%, #f7d3ff 0%, #f7d3ff 4.5%, #f8d1fe 9.1%, #facffd 13.6%, #fcccfb 18.2%, #fec9f7 22.7%, #ffc7f2 27.3%, #ffc5ec 31.8%, #fdc5e7 36.4%, #fcc4e4 40.9%, #fbc4e2 45.5%, #fbc4e1 50%, #fac5e4 54.5%, #f8c8eb 59.1%, #f2cdf7 63.6%, #e9d6ff 68.2%, #dfe1ff 72.7%, #d7ecff 77.3%, #d5f4ff 81.8%, #dafaff 86.4%, #e0fdff 90.9%, #e4ffff 95.5%, #e5ffff 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(91.05% 0.0703 320.11) 0%, oklch(87.74% 0.0726 345.73) 50%, oklch(98.12% 0.0270 196.72) 100%);
  background-blend-mode: normal;
}