Tritone navy, teal and tan linear gradient

Linear gradient, 7 colors at 90°: #022e46, #00454f, #1c5f59, #417863, #76906b, #a3a776, #c5ba7a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#022e46
#00454f
#1c5f59
#417863
#76906b
#a3a776
#c5ba7a

CSS

background: linear-gradient(90deg in oklch, oklch(28.74% 0.0620 238.36) 0.0%, oklch(35.85% 0.0624 211.59) 16.7%, oklch(44.21% 0.0660 187.01) 33.3%, oklch(52.76% 0.0675 167.56) 50.0%, oklch(62.35% 0.0621 136.13) 66.7%, oklch(71.36% 0.0681 112.18) 83.3%, oklch(78.35% 0.0841 99.92) 100.0%);