Perceptual CSS gradients without muddy midpoints.

Pre-rendered CSS output

.prismforge-gradient {
  background: radial-gradient(circle at 50% 45%, #224451 0%, #31dcb5 50%, #e2fc86 100%);
  background: radial-gradient(circle at 50% 45%, #224451 0%, #224653 4.5%, #214d5b 9.1%, #1e5968 13.6%, #146b79 18.2%, #00828a 22.7%, #009a9a 27.3%, #00b1a6 31.8%, #00c4ae 36.4%, #1fd2b2 40.9%, #2dd9b4 45.5%, #31dcb5 50%, #34ddb4 54.5%, #3ce0b1 59.1%, #4be4ac 63.6%, #60eaa4 68.2%, #7cef99 72.7%, #99f48f 77.3%, #b4f789 81.8%, #c9f986 86.4%, #d7fb85 90.9%, #dffc86 95.5%, #e2fc86 100%);
  background: radial-gradient(circle at 50% 45% in oklch, oklch(36.68% 0.0454 225.08) 0%, oklch(80.20% 0.1447 172.75) 50%, oklch(94.76% 0.1466 119.51) 100%);
  background-blend-mode: normal;
}