Amber Lime Cyan Sweep

This diagonal gradient moves from saturated amber through sunny yellow and lemon, crosses vivid lime and mint, then closes in cyan… #feb000, #84e364, #2a8cf1.

32 colors, 5 editable OKLCH keyframes.

#feb000
#ffb40c
#ffbb2b
#ffc441
#ffcc53
#ffd461
#ffdb67
#ffe15f
#fce450
#f5e64f
#eae74b
#dee747
#cfe645
#bee646
#abe54c
#97e457
#84e364
#72e273
#61df81
#53dc8e
#48d99a
#3ed5a4
#32d0ad
#1fccb5
#00c6bc
#00bfc4
#00b7cb
#00aed1
#00a5d9
#009ce3
#0294f0
#2a8cf1

CSS

background: linear-gradient(54deg in oklch, oklch(81.10% 0.1699 76.63) 0.0%, oklch(82.05% 0.1692 78.31) 3.2%, oklch(83.46% 0.1626 80.43) 6.5%, oklch(85.15% 0.1545 82.94) 9.7%, oklch(86.93% 0.1466 85.81) 12.9%, oklch(88.63% 0.1409 88.97) 16.1%, oklch(90.05% 0.1403 92.39) 19.4%, oklch(91.02% 0.1497 96.01) 22.6%, oklch(91.36% 0.1630 99.80) 25.8%, oklch(91.10% 0.1658 103.85) 29.0%, oklch(90.38% 0.1702 108.20) 32.3%, oklch(89.32% 0.1754 112.81) 35.5%, oklch(88.03% 0.1806 117.64) 38.7%, oklch(86.64% 0.1852 122.66) 41.9%, oklch(85.26% 0.1884 127.84) 45.2%, oklch(84.01% 0.1894 133.14) 48.4%, oklch(82.96% 0.1873 138.50) 51.6%, oklch(82.00% 0.1815 143.85) 54.8%, oklch(81.06% 0.1732 149.26) 58.1%, oklch(80.13% 0.1633 154.81) 61.3%, oklch(79.17% 0.1532 160.61) 64.5%, oklch(78.16% 0.1439 166.76) 67.7%, oklch(77.08% 0.1367 173.33) 71.0%, oklch(75.90% 0.1326 180.44) 74.2%, oklch(74.55% 0.1294 188.51) 77.4%, oklch(72.96% 0.1241 198.06) 80.6%, oklch(71.21% 0.1226 208.52) 83.9%, oklch(69.42% 0.1258 219.29) 87.1%, oklch(67.68% 0.1345 229.75) 90.3%, oklch(66.09% 0.1496 239.29) 93.5%, oklch(64.75% 0.1709 247.27) 96.8%, oklch(63.78% 0.1750 253.12) 100.0%);

In these collections

Bright gradients