Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #deebf1 0%, #adcefa 50%, #f3c3ff 100%);
  background: radial-gradient(circle at 50% 45%, #deebf1 0%, #ddebf1 4.5%, #d9eaf2 9.1%, #d4e8f3 13.6%, #cce5f4 18.2%, #c4e1f6 22.7%, #bcdcf7 27.3%, #b6d8f8 31.8%, #b1d3f9 36.4%, #afd0fa 40.9%, #adcffa 45.5%, #adcefa 50%, #aecefb 54.5%, #b0cefe 59.1%, #b4cdff 63.6%, #bbcbff 68.2%, #c7c9ff 72.7%, #d3c7ff 77.3%, #dfc5ff 81.8%, #e9c4ff 86.4%, #efc3ff 90.9%, #f2c3ff 95.5%, #f3c3ff 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(93.21% 0.0161 226.98) 0%, oklch(84.24% 0.0714 255.72) 50%, oklch(87.82% 0.0957 319.46) 100%);
  background-blend-mode: normal;
}