Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #544a06 0%, #b8d333 50%, #f0f5d3 100%);
  background: radial-gradient(circle at 50% 45%, #544a06 0%, #564c05 4.5%, #5c5200 9.1%, #665d00 13.6%, #746c00 18.2%, #837f00 22.7%, #939500 27.3%, #a0aa00 31.8%, #abbc14 36.4%, #b2c927 40.9%, #b7d130 45.5%, #b8d333 50%, #b9d437 54.5%, #bcd542 59.1%, #c1d951 63.6%, #c8dd65 68.2%, #d1e27b 72.7%, #dae793 77.3%, #e2eca9 81.8%, #e8f0bb 86.4%, #edf3c9 90.9%, #eff4d1 95.5%, #f0f5d3 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(40.69% 0.0814 99.99) 0%, oklch(81.94% 0.1772 119.09) 50%, oklch(95.76% 0.0448 114.04) 100%);
  background-blend-mode: normal;
}