Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #cdf7fc 0%, #dbcbff 50%, #ffebe6 100%);
  background: radial-gradient(circle at 50% 45%, #cdf7fc 0%, #ccf7fd 4.5%, #c9f5ff 9.1%, #c5f3ff 13.6%, #c1efff 18.2%, #c1e9ff 22.7%, #c5e1ff 27.3%, #ccd9ff 31.8%, #d3d3ff 36.4%, #d7ceff 40.9%, #daccff 45.5%, #dbcbff 50%, #ddcbfe 54.5%, #e2ccfd 59.1%, #e9cdf9 63.6%, #f2cff3 68.2%, #fbd3ed 72.7%, #ffd8e7 77.3%, #ffdee3 81.8%, #ffe4e3 86.4%, #ffe8e4 90.9%, #ffeae5 95.5%, #ffebe6 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(94.82% 0.0436 205.31) 0%, oklch(87.21% 0.0729 298.97) 50%, oklch(95.47% 0.0229 34.30) 100%);
  background-blend-mode: normal;
}