Tritone navy, teal and dark green linear gradient

Linear gradient, 7 colors at 90°: #051733, #0a284b, #07445a, #005b57, #105c41, #0e482e, #183921. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#051733
#0a284b
#07445a
#005b57
#105c41
#0e482e
#183921

CSS

background: linear-gradient(90deg in oklch, oklch(20.87% 0.0606 258.75) 0.0%, oklch(27.55% 0.0746 255.44) 16.7%, oklch(36.32% 0.0672 227.95) 33.3%, oklch(42.60% 0.0738 189.20) 50.0%, oklch(42.26% 0.0842 163.49) 66.7%, oklch(35.91% 0.0744 158.84) 83.3%, oklch(31.10% 0.0579 150.96) 100.0%);

In these collections

Blue and green gradients