Cream yellow teal diagonal

Linear gradient, 64 colors at 225°: #001354, #008a77, #f9dd49, #ffebac, #f0e83b. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#001354
#001b4f
#00214e
#00274e
#002c50
#003253
#003856
#003f5a
#00465d
#004d62
#005566
#005d6a
#00656e
#006e71
#007774
#008076
#008a77
#009377
#009d74
#0ba76d
#39ae69
#54b564
#6bba5f
#7fc05a
#92c555
#a3c951
#b3cd4d
#c2d14b
#d0d449
#ddd648
#e8d948
#f1db48
#f9dd49
#ffde52
#ffe175
#ffe38a
#ffe599
#ffe7a4
#ffe8ab
#ffe9b1
#ffeab5
#ffebb7
#ffebb8
#ffebb8
#ffebb7
#ffebb4
#ffebb1
#ffebac
#ffeaa6
#ffea9e
#ffe995
#ffe98b
#ffe97d
#ffe86d
#ffe858
#ffe73d
#fce73d
#f9e73c
#f7e73c
#f5e73c
#f3e73b
#f2e83b
#f1e83b
#f0e83b

CSS

background: linear-gradient(225deg in oklch, oklch(23.25% 0.1190 263.15) 0.0%, oklch(24.38% 0.1011 260.30) 1.6%, oklch(25.71% 0.0911 256.97) 3.2%, oklch(27.20% 0.0844 253.20) 4.8%, oklch(28.86% 0.0796 249.02) 6.3%, oklch(30.66% 0.0763 244.47) 7.9%, oklch(32.59% 0.0741 239.57) 9.5%, oklch(34.65% 0.0729 234.37) 11.1%, oklch(36.82% 0.0725 228.89) 12.7%, oklch(39.09% 0.0729 223.16) 14.3%, oklch(41.44% 0.0741 217.23) 15.9%, oklch(43.86% 0.0762 211.11) 17.5%, oklch(46.35% 0.0791 204.85) 19.0%, oklch(48.88% 0.0831 198.47) 20.6%, oklch(51.44% 0.0883 192.01) 22.2%, oklch(54.03% 0.0950 185.50) 23.8%, oklch(56.63% 0.1035 178.97) 25.4%, oklch(59.23% 0.1143 172.45) 27.0%, oklch(61.81% 0.1283 165.98) 28.6%, oklch(64.37% 0.1445 159.59) 30.2%, oklch(66.88% 0.1461 153.30) 31.7%, oklch(69.35% 0.1476 147.16) 33.3%, oklch(71.75% 0.1492 141.18) 34.9%, oklch(74.07% 0.1507 135.41) 36.5%, oklch(76.31% 0.1521 129.88) 38.1%, oklch(78.44% 0.1535 124.61) 39.7%, oklch(80.46% 0.1549 119.65) 41.3%, oklch(82.36% 0.1562 115.02) 42.9%, oklch(84.11% 0.1574 110.76) 44.4%, oklch(85.71% 0.1586 106.89) 46.0%, oklch(87.15% 0.1597 103.45) 47.6%, oklch(88.41% 0.1607 100.48) 49.2%, oklch(89.50% 0.1617 97.97) 50.8%, oklch(90.45% 0.1577 95.84) 52.4%, oklch(91.28% 0.1321 94.03) 54.0%, oklch(92.00% 0.1132 92.53) 55.6%, oklch(92.62% 0.0992 91.32) 57.1%, oklch(93.14% 0.0888 90.38) 58.7%, oklch(93.56% 0.0811 89.71) 60.3%, oklch(93.89% 0.0755 89.27) 61.9%, oklch(94.15% 0.0718 89.06) 63.5%, oklch(94.32% 0.0696 89.06) 65.1%, oklch(94.43% 0.0687 89.24) 66.7%, oklch(94.47% 0.0692 89.60) 68.3%, oklch(94.45% 0.0708 90.11) 69.8%, oklch(94.39% 0.0736 90.76) 71.4%, oklch(94.27% 0.0776 91.53) 73.0%, oklch(94.11% 0.0828 92.41) 74.6%, oklch(93.92% 0.0893 93.37) 76.2%, oklch(93.70% 0.0972 94.40) 77.8%, oklch(93.46% 0.1066 95.49) 79.4%, oklch(93.20% 0.1175 96.61) 81.0%, oklch(92.93% 0.1300 97.75) 82.5%, oklch(92.66% 0.1443 98.89) 84.1%, oklch(92.38% 0.1604 100.01) 85.7%, oklch(92.12% 0.1764 101.09) 87.3%, oklch(91.86% 0.1768 102.14) 88.9%, oklch(91.63% 0.1772 103.11) 90.5%, oklch(91.42% 0.1775 104.00) 92.1%, oklch(91.24% 0.1779 104.78) 93.7%, oklch(91.10% 0.1782 105.45) 95.2%, oklch(91.00% 0.1785 105.98) 96.8%, oklch(90.94% 0.1788 106.36) 98.4%, oklch(90.94% 0.1791 106.57) 100.0%);

In these collections

Yellow and blue gradients