Low to high solar energy

Navy, purple, pink and beige color palette

The Low to high solar energy brings together dark blue, purple, magenta, red, gold, and pale yellow. Linear gradient, 32 colors at 45°: #251f66, #6b4798, #ba5184, #f9a738, #fff3ac. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#251f66
#29236b
#302872
#382f7b
#413684
#4b3d8c
#564292
#604596
#6b4798
#764998
#814a97
#8b4b95
#964d92
#9f4e8f
#a84f8c
#b15088
#ba5184
#c3537e
#ce5776
#d95f6c
#e56b5f
#f07d4f
#f79140
#f9a738
#f8bb3f
#f6ca4e
#f5d660
#f7df72
#f9e682
#fceb90
#ffef9b
#fff3ac

CSS

background: linear-gradient(45deg in oklch, oklch(29.53% 0.1199 279.84) 0.0%, oklch(31.15% 0.1208 280.88) 3.2%, oklch(33.44% 0.1220 282.06) 6.5%, oklch(36.14% 0.1235 283.57) 9.7%, oklch(38.98% 0.1251 285.56) 12.9%, oklch(41.71% 0.1266 288.22) 16.1%, oklch(44.08% 0.1279 291.71) 19.4%, oklch(45.98% 0.1289 296.27) 22.6%, oklch(47.65% 0.1295 301.91) 25.8%, oklch(49.15% 0.1301 308.33) 29.0%, oklch(50.56% 0.1307 315.20) 32.3%, oklch(51.94% 0.1315 322.20) 35.5%, oklch(53.35% 0.1329 329.02) 38.7%, oklch(54.77% 0.1351 335.32) 41.9%, oklch(55.98% 0.1383 341.02) 45.2%, oklch(57.10% 0.1420 346.56) 48.4%, oklch(58.30% 0.1459 352.35) 51.6%, oklch(59.74% 0.1494 358.84) 54.8%, oklch(61.60% 0.1520 6.47) 58.1%, oklch(64.07% 0.1534 15.80) 61.3%, oklch(67.32% 0.1542 27.80) 64.5%, oklch(71.11% 0.1545 41.58) 67.7%, oklch(75.13% 0.1541 55.87) 71.0%, oklch(79.08% 0.1528 69.42) 74.2%, oklch(82.66% 0.1504 80.94) 77.4%, oklch(85.56% 0.1465 89.22) 80.6%, oklch(87.98% 0.1403 94.35) 83.9%, oklch(90.09% 0.1320 97.22) 87.1%, oklch(91.90% 0.1227 98.51) 90.3%, oklch(93.43% 0.1137 98.87) 93.5%, oklch(94.68% 0.1059 98.98) 96.8%, oklch(95.67% 0.0903 99.50) 100.0%);

In these collections

Weather map gradients