Vivid tritone teal, blue and purple linear gradient

Linear gradient, 7 colors at 90°: #00afa8, #009abf, #4b6de9, #864bd3, #9659d7, #9a7cef, #9c95fe. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#00afa8
#009abf
#4b6de9
#864bd3
#9659d7
#9a7cef
#9c95fe

CSS

background: linear-gradient(90deg in oklch, oklch(68.11% 0.1177 189.84) 0.0%, oklch(63.64% 0.1185 222.97) 16.7%, oklch(57.71% 0.1916 268.28) 33.3%, oklch(55.12% 0.1998 299.75) 50.0%, oklch(59.17% 0.1881 303.50) 66.7%, oklch(66.55% 0.1664 293.41) 83.3%, oklch(72.05% 0.1502 284.95) 100.0%);

In these collections

Rayman swatches