Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #ccdcff 0%, #ffb8f2 50%, #ffecfd 100%);
  background: radial-gradient(circle at 50% 45%, #ccdcff 0%, #ccdcff 4.5%, #cddaff 9.1%, #cfd8ff 13.6%, #d3d3ff 18.2%, #dbceff 22.7%, #e5c8ff 27.3%, #eec2ff 31.8%, #f6bdfd 36.4%, #fbbaf7 40.9%, #feb9f3 45.5%, #ffb8f2 50%, #ffb9f2 54.5%, #ffbbf3 59.1%, #ffc0f5 63.6%, #ffc6f7 68.2%, #ffcdf9 72.7%, #ffd5fb 77.3%, #ffddfc 81.8%, #ffe4fd 86.4%, #ffe8fd 90.9%, #ffebfd 95.5%, #ffecfd 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(89.37% 0.0513 265.89) 0%, oklch(86.60% 0.1101 333.09) 50%, oklch(96.31% 0.0302 329.11) 100%);
  background-blend-mode: normal;
}