Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #111827 0%, #fb7185 50%, #38bdf8 100%);
  background: radial-gradient(circle at 50% 45%, #111827 0%, #131a2a 4.5%, #191f34 9.1%, #272746 13.6%, #3d325d 18.2%, #5f3e75 22.7%, #874a86 27.3%, #af558e 31.8%, #d1608e 36.4%, #e9698a 40.9%, #f76f86 45.5%, #fb7185 50%, #fb718a 54.5%, #f97199 59.1%, #f473b2 63.6%, #e779d2 68.2%, #cf85f3 72.7%, #ae94ff 77.3%, #89a4ff 81.8%, #66b0ff 86.4%, #4cb8ff 90.9%, #3dbcfa 95.5%, #38bdf8 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(21.01% 0.0318 264.66) 0%, oklch(71.92% 0.1690 13.43) 50%, oklch(75.35% 0.1390 232.66) 100%);
  background-blend-mode: normal;
}