Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #fffae4 0%, #adf7ff 50%, #c3eee1 100%);
  background: radial-gradient(circle at 50% 45%, #fffae4 0%, #fefae3 4.5%, #fcfae0 9.1%, #f6fadd 13.6%, #edfbda 18.2%, #dffcdb 22.7%, #cefce1 27.3%, #c0fcea 31.8%, #b5faf3 36.4%, #b0f9fa 40.9%, #aef7fe 45.5%, #adf7ff 50%, #adf7ff 54.5%, #acf7fd 59.1%, #acf7fb 63.6%, #acf6f7 68.2%, #aef6f2 72.7%, #b2f4ed 77.3%, #b7f2e8 81.8%, #bcf1e5 86.4%, #c0efe2 90.9%, #c2eee1 95.5%, #c3eee1 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(98.32% 0.0292 96.39) 0%, oklch(93.04% 0.0735 204.46) 50%, oklch(91.52% 0.0478 174.89) 100%);
  background-blend-mode: normal;
}