Lagoon Heat Blocks

The gradient follows a complete visible route from #623bc4 to #13c0c1, passing through violet, magenta, rose, red, orange-red… #623bc4, #e3d932, #13c0c1.

32 colors, 5 editable OKLCH keyframes.

#623bc4
#743cc2
#8b3dbe
#a53fb4
#bf43a5
#d74a93
#ea547e
#f86169
#ff7058
#ff8456
#ff985f
#ffa96b
#ffb878
#ffc47e
#ffcc77
#ffd13b
#e3d932
#acdd52
#52da7d
#00c6a8
#00aeb8
#0098c0
#0084cd
#1973de
#316fdb
#2d75db
#1081db
#0091d2
#00a0cb
#00aec7
#00b9c4
#13c0c1

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(48.03% 0.1998 289.69) 0.0%, oklch(49.91% 0.1984 297.87) 3.2%, oklch(52.46% 0.1966 309.02) 6.5%, oklch(55.50% 0.1944 322.32) 9.7%, oklch(58.84% 0.1919 336.93) 12.9%, oklch(62.30% 0.1894 352.00) 16.1%, oklch(65.69% 0.1870 6.70) 19.4%, oklch(68.81% 0.1847 20.20) 22.6%, oklch(71.52% 0.1793 31.66) 25.8%, oklch(74.41% 0.1613 40.84) 29.0%, oklch(77.55% 0.1438 48.46) 32.3%, oklch(80.68% 0.1279 55.30) 35.5%, oklch(83.52% 0.1155 62.17) 38.7%, oklch(85.81% 0.1100 69.83) 41.9%, oklch(87.29% 0.1183 79.10) 45.2%, oklch(87.69% 0.1633 90.75) 48.4%, oklch(86.65% 0.1724 105.91) 51.6%, oklch(83.65% 0.1739 126.38) 54.8%, oklch(79.20% 0.1763 150.58) 58.1%, oklch(73.91% 0.1376 176.47) 61.3%, oklch(68.38% 0.1163 202.05) 64.5%, oklch(63.24% 0.1201 225.27) 67.7%, oklch(59.11% 0.1460 244.09) 71.0%, oklch(56.60% 0.1826 256.48) 74.2%, oklch(56.11% 0.1786 260.84) 77.4%, oklch(57.21% 0.1720 258.12) 80.6%, oklch(59.45% 0.1635 250.15) 83.9%, oklch(62.42% 0.1401 238.79) 87.1%, oklch(65.70% 0.1254 225.84) 90.3%, oklch(68.88% 0.1206 213.16) 93.5%, oklch(71.53% 0.1218 202.60) 96.8%, oklch(73.23% 0.1226 195.99) 100.0%);

In these collections

Rainbow gradients