Taupe Olive Moody Passage

This diagonal gradient moves from dusty taupe through muted mauve, charcoal, and blue gray, then shifts into subdued green gray, olive, bronze, and muted rust. Linear gradient, 32 colors at 195°: #a08b81, #4e4456, #465c5f, #737862, #8c5c4c. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#a08b81
#9b857d
#947d78
#8b7372
#80686c
#735d66
#675360
#5a4b5b
#4e4456
#444053
#3c3d51
#373e50
#354151
#364654
#394d57
#3e545a
#465c5f
#4e6463
#576b66
#5f7169
#65766a
#6b7869
#6f7966
#737862
#77765c
#7b7356
#806f51
#836b4d
#87664a
#896249
#8b5f4a
#8c5c4c

CSS

background: linear-gradient(195deg in oklch, oklch(65.35% 0.0289 48.52) 0.0%, oklch(63.51% 0.0292 41.01) 3.2%, oklch(60.88% 0.0296 31.40) 6.5%, oklch(57.69% 0.0301 20.05) 9.7%, oklch(54.13% 0.0307 7.32) 12.9%, oklch(50.42% 0.0313 353.56) 16.1%, oklch(46.77% 0.0318 339.12) 19.4%, oklch(43.37% 0.0323 324.37) 22.6%, oklch(40.45% 0.0327 309.65) 25.8%, oklch(38.20% 0.0330 295.34) 29.0%, oklch(36.84% 0.0331 281.77) 32.3%, oklch(36.53% 0.0329 268.98) 35.5%, oklch(37.20% 0.0322 256.08) 38.7%, oklch(38.65% 0.0312 243.06) 41.9%, oklch(40.70% 0.0299 229.99) 45.2%, oklch(43.15% 0.0286 216.94) 48.4%, oklch(45.81% 0.0274 203.97) 51.6%, oklch(48.50% 0.0264 191.14) 54.8%, oklch(51.02% 0.0259 178.53) 58.1%, oklch(53.19% 0.0259 166.20) 61.3%, oklch(54.82% 0.0266 154.21) 64.5%, oklch(55.74% 0.0282 142.58) 67.7%, oklch(56.16% 0.0309 130.71) 71.0%, oklch(56.23% 0.0345 118.59) 74.2%, oklch(56.02% 0.0389 106.45) 77.4%, oklch(55.59% 0.0437 94.52) 80.6%, oklch(55.02% 0.0487 83.01) 83.9%, oklch(54.36% 0.0537 72.15) 87.1%, oklch(53.71% 0.0585 62.17) 90.3%, oklch(53.11% 0.0628 53.28) 93.5%, oklch(52.64% 0.0663 45.72) 96.8%, oklch(52.36% 0.0689 39.71) 100.0%);

In these collections

Moody gradients