Olive to Cobalt, Evenly Banded

Dark olive gives way to slate navy, then cobalt, ending in a soft sky blue. Ten even bands run diagonally. #3e4116, #283b49, #2142a5, #3878e5, #aac6ff.

10 colors, 5 editable OKLCH keyframes.

#3e4116
#1f4338
#283b49
#2b395d
#223982
#2142a5
#2058c9
#3878e5
#77a4f7
#aac6ff

CSS

background: linear-gradient(135deg, oklch(36.22% 0.0634 112.50) 0.000% 10.000%, oklch(35.09% 0.0460 172.34) 10.000% 20.000%, oklch(34.17% 0.0342 242.27) 20.000% 30.000%, oklch(35.00% 0.0670 267.41) 30.000% 40.000%, oklch(37.30% 0.1265 266.57) 40.000% 50.000%, oklch(42.16% 0.1644 265.60) 50.000% 60.000%, oklch(49.52% 0.1854 262.25) 60.000% 70.000%, oklch(58.96% 0.1791 260.44) 70.000% 80.000%, oklch(72.24% 0.1309 261.96) 80.000% 90.000%, oklch(82.68% 0.0860 263.61) 90.000% 100.000%);