Tritone brown, teal and purple angular gradient

Tritone brown, teal and purple color palette

Angular gradient, 32 colors at 195°: #533034, #4c6972, #51bea0, #5b9da5, #713b71. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#533034
#523239
#50353f
#4e3946
#4d3e4e
#4d4558
#4c5063
#4b5c6c
#4c6972
#507576
#52827d
#519085
#4e9e8d
#4caa94
#4eb297
#50b99c
#51bea0
#52c1a4
#53c1a7
#57bea7
#5cb8a6
#5fb0a4
#5ea7a4
#5b9da5
#5d8fa3
#60819d
#637395
#65678e
#675b88
#6a4f81
#6e4379
#713b71

CSS

background: conic-gradient(from 195deg in oklch, oklch(35.43% 0.0510 13.36) 0.0%, oklch(35.86% 0.0476 5.50) 3.2%, oklch(36.39% 0.0426 354.77) 6.5%, oklch(37.23% 0.0375 341.09) 9.7%, oklch(38.58% 0.0338 324.39) 12.9%, oklch(40.66% 0.0325 303.53) 16.1%, oklch(43.48% 0.0321 275.73) 19.4%, oklch(46.79% 0.0331 245.40) 22.6%, oklch(50.26% 0.0363 217.72) 25.8%, oklch(53.62% 0.0425 197.85) 29.0%, oklch(57.15% 0.0536 186.43) 32.3%, oklch(60.86% 0.0683 180.39) 35.5%, oklch(64.39% 0.0833 177.48) 38.7%, oklch(67.40% 0.0954 175.43) 41.9%, oklch(69.71% 0.1027 173.04) 45.2%, oklch(71.62% 0.1076 171.97) 48.4%, oklch(73.03% 0.1101 172.14) 51.6%, oklch(73.85% 0.1102 173.33) 54.8%, oklch(73.97% 0.1078 175.26) 58.1%, oklch(73.30% 0.1013 176.96) 61.3%, oklch(71.98% 0.0919 179.34) 64.5%, oklch(70.17% 0.0820 183.90) 67.7%, oklch(68.04% 0.0739 192.15) 71.0%, oklch(65.46% 0.0678 205.98) 74.2%, oklch(62.27% 0.0619 224.94) 77.4%, oklch(58.84% 0.0576 245.86) 80.6%, oklch(55.58% 0.0565 265.58) 83.9%, oklch(52.79% 0.0603 281.48) 87.1%, oklch(50.12% 0.0708 295.80) 90.3%, oklch(47.65% 0.0848 308.65) 93.5%, oklch(45.57% 0.0984 319.26) 96.8%, oklch(44.09% 0.1075 326.86) 100.0%);

In these collections

Vintage gradients