Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #ffb8d2 0%, #a6ceff 50%, #abfcb3 100%);
  background: radial-gradient(circle at 50% 45%, #ffb8d2 0%, #ffb8d4 4.5%, #fdb7d9 9.1%, #f9b7e2 13.6%, #f1b8ef 18.2%, #e4bbfc 22.7%, #d3c0ff 27.3%, #c1c5ff 31.8%, #b4c9ff 36.4%, #acccff 40.9%, #a7ceff 45.5%, #a6ceff 50%, #a4cfff 54.5%, #9ed2ff 59.1%, #91d8ff 63.6%, #7fe1ff 68.2%, #6ceafd 72.7%, #66f3ee 77.3%, #74f9db 81.8%, #8afbc9 86.4%, #9cfcbc 90.9%, #a7fcb5 95.5%, #abfcb3 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(85.57% 0.0880 355.40) 0%, oklch(84.00% 0.0811 253.79) 50%, oklch(92.05% 0.1265 146.88) 100%);
  background-blend-mode: normal;
}