Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #f7ffe5 0%, #f9e4ff 50%, #e4ffe3 100%);
  background: radial-gradient(circle at 50% 45%, #f7ffe5 0%, #f8fee4 4.5%, #fbfde0 9.1%, #fff9dc 13.6%, #fff4d8 18.2%, #ffedda 22.7%, #ffe8e2 27.3%, #ffe4ed 31.8%, #ffe4f6 36.4%, #ffe4fc 40.9%, #fae4fe 45.5%, #f9e4ff 50%, #f8e4ff 54.5%, #f5e6ff 59.1%, #eee9ff 63.6%, #e2eeff 68.2%, #d5f5ff 72.7%, #ccfbff 77.3%, #cdfffc 81.8%, #d5fff0 86.4%, #ddffe8 90.9%, #e2ffe4 95.5%, #e4ffe3 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(98.72% 0.0350 120.97) 0%, oklch(94.37% 0.0422 318.68) 50%, oklch(97.30% 0.0464 144.24) 100%);
  background-blend-mode: normal;
}