Orange sky blue gradient

The Orange sky blue gradient brings together dark orange, orange, gold, and blue. #261101, #eb7f0d, #5bc0ea. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#261101
#2c1400
#341700
#3e1b00
#4a2000
#572500
#652900
#742e00
#843300
#933800
#a03f01
#ac4701
#b95003
#c65b06
#d3660a
#e0720d
#eb7f0d
#f48d09
#fa9a02
#fca700
#fab300
#f2bf0b
#e1ca29
#c8d348
#a7da69
#82de89
#5bdda6
#3bd9bf
#2fd3d2
#3bcbdf
#4dc5e6
#5bc0ea

CSS

background: linear-gradient(45deg in oklch, oklch(20.47% 0.0455 60.47) 0.0%, oklch(22.18% 0.0515 59.32) 3.2%, oklch(24.36% 0.0589 57.12) 6.5%, oklch(26.92% 0.0666 55.01) 9.7%, oklch(29.79% 0.0760 52.64) 12.9%, oklch(32.91% 0.0867 50.20) 16.1%, oklch(36.18% 0.0987 47.91) 19.4%, oklch(39.54% 0.1112 45.97) 22.6%, oklch(42.92% 0.1236 44.57) 25.8%, oklch(46.22% 0.1346 43.93) 29.0%, oklch(49.38% 0.1426 44.27) 32.3%, oklch(52.47% 0.1485 45.47) 35.5%, oklch(55.84% 0.1536 46.92) 38.7%, oklch(59.42% 0.1581 48.69) 41.9%, oklch(63.10% 0.1618 50.91) 45.2%, oklch(66.78% 0.1649 53.68) 48.4%, oklch(70.34% 0.1672 57.14) 51.6%, oklch(73.68% 0.1688 61.40) 54.8%, oklch(76.69% 0.1696 66.58) 58.1%, oklch(79.26% 0.1690 72.80) 61.3%, oklch(81.29% 0.1683 80.19) 64.5%, oklch(82.66% 0.1675 88.97) 67.7%, oklch(83.33% 0.1643 100.31) 71.0%, oklch(83.39% 0.1596 114.00) 74.2%, oklch(82.97% 0.1538 129.37) 77.4%, oklch(82.18% 0.1472 145.77) 80.6%, oklch(81.14% 0.1401 162.53) 83.9%, oklch(79.97% 0.1330 178.98) 87.1%, oklch(78.79% 0.1263 194.47) 90.3%, oklch(77.72% 0.1202 208.33) 93.5%, oklch(76.88% 0.1152 219.89) 96.8%, oklch(76.38% 0.1116 228.49) 100.0%);

In these collections

Funhaus