Teal, tan and light blue linear gradient

Linear gradient, 7 colors at 90°: #225a6f, #38735f, #92814d, #c38f72, #cbac7a, #a8d1a5, #97e0dc. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#225a6f
#38735f
#92814d
#c38f72
#cbac7a
#a8d1a5
#97e0dc

CSS

background: linear-gradient(90deg in oklch, oklch(44.09% 0.0675 226.41) 0.0%, oklch(50.95% 0.0701 168.87) 16.7%, oklch(60.60% 0.0735 91.73) 33.3%, oklch(69.29% 0.0758 49.93) 50.0%, oklch(76.06% 0.0756 78.81) 66.7%, oklch(81.86% 0.0742 143.04) 83.3%, oklch(85.83% 0.0730 191.53) 100.0%);

In these collections

Teal and orange