Triadic mauve, red, teal and navy linear gradient

Triadic mauve, red, teal and navy color palette

Linear gradient, 7 colors at 90°: #b59284, #36265d, #83275a, #a65a5e, #7f7ea2, #569080, #31395b. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#b59284
#36265d
#83275a
#a65a5e
#7f7ea2
#569080
#31395b

CSS

background: linear-gradient(90deg in oklch, oklch(68.90% 0.0469 42.89) 0.0%, oklch(31.86% 0.0946 294.27) 16.7%, oklch(43.06% 0.1357 350.17) 33.3%, oklch(55.81% 0.0987 17.66) 50.0%, oklch(60.80% 0.0535 285.79) 66.7%, oklch(60.73% 0.0660 174.76) 83.3%, oklch(35.43% 0.0606 272.91) 100.0%);