Complementary purple, gray and tan linear gradient

Complementary purple, gray and tan palette with 32 colors. #7871b2, #607777, #b2a551, #b8bb9c, #6a979b. Edit and export CSS, SVG, PNG or a shader.

32 colors, 8 editable OKLCH keyframes.

#7871b2
#766faf
#736bab
#6e68a6
#6668a2
#5a6c9d
#517291
#547581
#607777
#687974
#6b8072
#71886a
#808f5c
#92934f
#a1974a
#ab9e4b
#b2a551
#b6ac59
#bbb162
#c1b46e
#c5b67b
#c5b889
#c1b993
#b8bb9c
#acbaa5
#a4b7ac
#a0b2ae
#9aadac
#8fa7a8
#81a1a3
#739b9e
#6a979b

CSS

background: linear-gradient(270deg in oklch, oklch(58.27% 0.0978 287.58) 0.0%, oklch(57.46% 0.0972 287.64) 3.2%, oklch(56.25% 0.0966 288.43) 6.5%, oklch(55.02% 0.0947 287.28) 9.7%, oklch(54.13% 0.0900 281.54) 12.9%, oklch(53.83% 0.0801 268.43) 16.1%, oklch(53.87% 0.0623 247.54) 19.4%, oklch(54.23% 0.0423 222.56) 22.6%, oklch(54.96% 0.0268 197.42) 25.8%, oklch(56.10% 0.0223 175.98) 29.0%, oklch(57.81% 0.0324 156.64) 32.3%, oklch(60.00% 0.0517 138.17) 35.5%, oklch(62.39% 0.0734 122.00) 38.7%, oklch(64.73% 0.0906 109.55) 41.9%, oklch(66.94% 0.0995 102.34) 45.2%, oklch(69.28% 0.1048 100.27) 48.4%, oklch(71.57% 0.1070 101.10) 51.6%, oklch(73.61% 0.1060 102.53) 54.8%, oklch(75.21% 0.1017 102.23) 58.1%, oklch(76.50% 0.0920 98.87) 61.3%, oklch(77.50% 0.0786 94.95) 64.5%, oklch(78.14% 0.0645 93.66) 67.7%, oklch(78.35% 0.0524 98.17) 71.0%, oklch(78.08% 0.0428 112.17) 74.2%, oklch(77.35% 0.0337 134.51) 77.4%, oklch(76.25% 0.0262 159.35) 80.6%, oklch(74.88% 0.0215 180.81) 83.9%, oklch(73.26% 0.0213 193.63) 87.1%, oklch(71.01% 0.0266 199.55) 90.3%, oklch(68.48% 0.0352 201.43) 93.5%, oklch(66.16% 0.0439 201.50) 96.8%, oklch(64.57% 0.0496 201.98) 100.0%);

In these collections

Weathered garden gradients Soft multicolor gradients