Teal, purple and gray linear gradient

Linear gradient, 7 colors at 90°: #009b96, #54ba91, #7e7fb1, #6f81b7, #2eb098, #3fa5a7, #7a696e. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#009b96
#54ba91
#7e7fb1
#6f81b7
#2eb098
#3fa5a7
#7a696e

CSS

background: linear-gradient(90deg in oklch, oklch(62.21% 0.1072 190.55) 0.0%, oklch(71.71% 0.1138 164.32) 16.7%, oklch(61.49% 0.0756 282.60) 33.3%, oklch(61.00% 0.0859 270.00) 50.0%, oklch(68.20% 0.1145 177.36) 66.7%, oklch(66.50% 0.0932 196.22) 83.3%, oklch(53.94% 0.0220 357.51) 100.0%);