Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #ffd6f2 0%, #d2efd4 50%, #cfdbff 100%);
  background: radial-gradient(circle at 50% 45%, #ffd6f2 0%, #ffd6f0 4.5%, #ffd5ea 9.1%, #ffd4e0 13.6%, #ffd6d1 18.2%, #ffdac1 22.7%, #fde0b9 27.3%, #ede7bc 31.8%, #e0ecc5 36.4%, #d7eecd 40.9%, #d3efd2 45.5%, #d2efd4 50%, #d1efd5 54.5%, #ccf0d7 59.1%, #c5f0dd 63.6%, #bcf0e5 68.2%, #b5eef0 72.7%, #b6eafa 77.3%, #bce5ff 81.8%, #c4e1ff 86.4%, #caddff 90.9%, #cedcff 95.5%, #cfdbff 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(91.89% 0.0582 337.77) 0%, oklch(92.38% 0.0473 147.09) 50%, oklch(89.38% 0.0513 270.79) 100%);
  background-blend-mode: normal;
}