Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #fff6a3 0%, #ffccc5 50%, #e4c4fe 100%);
  background: radial-gradient(circle at 50% 45%, #fff6a3 0%, #fff5a2 4.5%, #fff2a0 9.1%, #ffed9e 13.6%, #ffe69e 18.2%, #ffdea1 22.7%, #ffd7a9 27.3%, #ffd2b3 31.8%, #ffcfbc 36.4%, #ffcdc1 40.9%, #ffccc4 45.5%, #ffccc5 50%, #ffcbc5 54.5%, #ffcac7 59.1%, #ffc7ca 63.6%, #ffc4d1 68.2%, #ffc2da 72.7%, #fec0e5 77.3%, #f7c1ef 81.8%, #efc2f7 86.4%, #e9c3fb 90.9%, #e5c4fd 95.5%, #e4c4fe 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(96.18% 0.1037 102.84) 0%, oklch(88.79% 0.0590 27.36) 50%, oklch(86.63% 0.0857 309.59) 100%);
  background-blend-mode: normal;
}