# Faded mauve ochre diagonal

Seamless tritone brown, purple and tan linear gradient with 40 colors: #3d302d, #433331, #4b3637, #543940, #5c3e4d, #62445d, #674c6f, #6a547f, #6c5c8e, #6f6399, #75689f, #806ba1, #8d6d9e, #997096, #a3738b, #a97881, #aa7f79, #a98676, #a78d77, #a5927a, #a6977c, #aa9d7e, #afa37f, #b5a97f, #bcae7e, #c3b37c, #cab579, #d0b676, #d4b372, #d6ae6e, #d3a46c, #cc966a, #bf866a, #ad766a, #976768, #805963, #694c5b, #554251, #453947, #3b333f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless tritone brown, purple and tan linear gradient
- Seed: `kWUg4XxZ80NYPURhoj-qoixg`
- Page: https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, muted, warm, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 6.3 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#3d302d` | `oklch(32.28% 0.0193 33.05)` | Six Feet Under | white, 12.6 to 1 |
| 2 | `#433331` | `oklch(33.70% 0.0239 25.81)` | Bruno Brown | white, 12 to 1 |
| 3 | `#4b3637` | `oklch(35.59% 0.0304 15.03)` | Chocolate Red | white, 11.2 to 1 |
| 4 | `#543940` | `oklch(37.84% 0.0384 1.81)` | Monarch Velvet | white, 10.2 to 1 |
| 5 | `#5c3e4d` | `oklch(40.36% 0.0472 347.27)` | Siliceous Red | white, 9.3 to 1 |
| 6 | `#62445d` | `oklch(43.03% 0.0562 332.51)` | Hortensia | white, 8.3 to 1 |
| 7 | `#674c6f` | `oklch(45.76% 0.0650 318.66)` | Futaai Indigo | white, 7.4 to 1 |
| 8 | `#6a547f` | `oklch(48.44% 0.0729 306.82)` | Virtual Violet | white, 6.6 to 1 |
| 9 | `#6c5c8e` | `oklch(50.97% 0.0793 298.11)` | Emperor Jewel | white, 5.9 to 1 |
| 10 | `#6f6399` | `oklch(53.25% 0.0838 293.62)` | Scampi | white, 5.3 to 1 |
| 11 | `#75689f` | `oklch(55.17% 0.0856 294.50)` | Reign Over Me | white, 4.9 to 1 |
| 12 | `#806ba1` | `oklch(56.88% 0.0845 301.43)` | Bitter Violet | white, 4.6 to 1 |
| 13 | `#8d6d9e` | `oklch(58.45% 0.0808 313.46)` | Court Jester | black, 4.8 to 1 |
| 14 | `#997096` | `oklch(59.90% 0.0753 329.33)` | Tatarian Aster | black, 5.1 to 1 |
| 15 | `#a3738b` | `oklch(61.25% 0.0687 347.76)` | Upper Crust | black, 5.4 to 1 |
| 16 | `#a97881` | `oklch(62.53% 0.0616 7.50)` | Mauve Madness | black, 5.7 to 1 |
| 17 | `#aa7f79` | `oklch(63.73% 0.0546 27.27)` | Ferris Wheel | black, 6 to 1 |
| 18 | `#a98676` | `oklch(64.90% 0.0485 45.81)` | Homestead | black, 6.3 to 1 |
| 19 | `#a78d77` | `oklch(66.03% 0.0439 61.86)` | Nearly Brown | black, 6.6 to 1 |
| 20 | `#a5927a` | `oklch(67.15% 0.0415 74.15)` | Clippership Twill | black, 7 to 1 |
| 21 | `#a6977c` | `oklch(68.34% 0.0420 81.92)` | Harvest Dance | black, 7.3 to 1 |
| 22 | `#aa9d7e` | `oklch(69.85% 0.0453 87.45)` | Winter Sage | black, 7.8 to 1 |
| 23 | `#afa37f` | `oklch(71.60% 0.0509 91.28)` | Woollen Vest | black, 8.3 to 1 |
| 24 | `#b5a97f` | `oklch(73.42% 0.0581 93.49)` | Fresh Brew | black, 8.9 to 1 |
| 25 | `#bcae7e` | `oklch(75.16% 0.0661 94.19)` | Nettle | black, 9.5 to 1 |
| 26 | `#c3b37c` | `oklch(76.67% 0.0742 93.45)` | Cool Avocado | black, 10 to 1 |
| 27 | `#cab579` | `oklch(77.78% 0.0818 91.36)` | Olive Marinade | black, 10.4 to 1 |
| 28 | `#d0b676` | `oklch(78.34% 0.0880 88.02)` | Autumn Wandering | black, 10.6 to 1 |
| 29 | `#d4b372` | `oklch(78.19% 0.0923 83.51)` | Dried Chamomile | black, 10.5 to 1 |
| 30 | `#d6ae6e` | `oklch(77.18% 0.0938 77.93)` | New Wheat | black, 10.1 to 1 |
| 31 | `#d3a46c` | `oklch(75.04% 0.0921 70.61)` | Wonton Dumpling | black, 9.3 to 1 |
| 32 | `#cc966a` | `oklch(71.59% 0.0876 60.17)` | Santa Fe Sunrise | black, 8.1 to 1 |
| 33 | `#bf866a` | `oklch(67.13% 0.0808 47.31)` | Toasted Nut | black, 6.8 to 1 |
| 34 | `#ad766a` | `oklch(61.96% 0.0724 32.80)` | Sawshark | black, 5.5 to 1 |
| 35 | `#976768` | `oklch(56.39% 0.0630 17.42)` | Copper Rose | white, 4.7 to 1 |
| 36 | `#805963` | `oklch(50.74% 0.0533 1.96)` | Rose Garland | white, 5.9 to 1 |
| 37 | `#694c5b` | `oklch(45.31% 0.0439 347.19)` | Prussian Plum | white, 7.5 to 1 |
| 38 | `#554251` | `oklch(40.42% 0.0353 333.90)` | Punchit Purple | white, 9.2 to 1 |
| 39 | `#453947` | `oklch(36.36% 0.0283 322.86)` | Mysterioso | white, 10.8 to 1 |
| 40 | `#3b333f` | `oklch(33.46% 0.0234 314.85)` | Wolf’s Bane | white, 12.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3d302d 0.0%, #433331 2.6%, #4b3637 5.1%, #543940 7.7%, #5c3e4d 10.3%, #62445d 12.8%, #674c6f 15.4%, #6a547f 17.9%, #6c5c8e 20.5%, #6f6399 23.1%, #75689f 25.6%, #806ba1 28.2%, #8d6d9e 30.8%, #997096 33.3%, #a3738b 35.9%, #a97881 38.5%, #aa7f79 41.0%, #a98676 43.6%, #a78d77 46.2%, #a5927a 48.7%, #a6977c 51.3%, #aa9d7e 53.8%, #afa37f 56.4%, #b5a97f 59.0%, #bcae7e 61.5%, #c3b37c 64.1%, #cab579 66.7%, #d0b676 69.2%, #d4b372 71.8%, #d6ae6e 74.4%, #d3a46c 76.9%, #cc966a 79.5%, #bf866a 82.1%, #ad766a 84.6%, #976768 87.2%, #805963 89.7%, #694c5b 92.3%, #554251 94.9%, #453947 97.4%, #3b333f 100.0%);
background: linear-gradient(135deg in oklch, oklch(32.28% 0.0193 33.05) 0.0%, oklch(33.70% 0.0239 25.81) 2.6%, oklch(35.59% 0.0304 15.03) 5.1%, oklch(37.84% 0.0384 1.81) 7.7%, oklch(40.36% 0.0472 347.27) 10.3%, oklch(43.03% 0.0562 332.51) 12.8%, oklch(45.76% 0.0650 318.66) 15.4%, oklch(48.44% 0.0729 306.82) 17.9%, oklch(50.97% 0.0793 298.11) 20.5%, oklch(53.25% 0.0838 293.62) 23.1%, oklch(55.17% 0.0856 294.50) 25.6%, oklch(56.88% 0.0845 301.43) 28.2%, oklch(58.45% 0.0808 313.46) 30.8%, oklch(59.90% 0.0753 329.33) 33.3%, oklch(61.25% 0.0687 347.76) 35.9%, oklch(62.53% 0.0616 7.50) 38.5%, oklch(63.73% 0.0546 27.27) 41.0%, oklch(64.90% 0.0485 45.81) 43.6%, oklch(66.03% 0.0439 61.86) 46.2%, oklch(67.15% 0.0415 74.15) 48.7%, oklch(68.34% 0.0420 81.92) 51.3%, oklch(69.85% 0.0453 87.45) 53.8%, oklch(71.60% 0.0509 91.28) 56.4%, oklch(73.42% 0.0581 93.49) 59.0%, oklch(75.16% 0.0661 94.19) 61.5%, oklch(76.67% 0.0742 93.45) 64.1%, oklch(77.78% 0.0818 91.36) 66.7%, oklch(78.34% 0.0880 88.02) 69.2%, oklch(78.19% 0.0923 83.51) 71.8%, oklch(77.18% 0.0938 77.93) 74.4%, oklch(75.04% 0.0921 70.61) 76.9%, oklch(71.59% 0.0876 60.17) 79.5%, oklch(67.13% 0.0808 47.31) 82.1%, oklch(61.96% 0.0724 32.80) 84.6%, oklch(56.39% 0.0630 17.42) 87.2%, oklch(50.74% 0.0533 1.96) 89.7%, oklch(45.31% 0.0439 347.19) 92.3%, oklch(40.42% 0.0353 333.90) 94.9%, oklch(36.36% 0.0283 322.86) 97.4%, oklch(33.46% 0.0234 314.85) 100.0%);
```

## Keyframes

5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.019 | 33 |
| 2 | 0.547 | 0.085 | -66.3 |
| 3 | 0.677 | 0.041 | 78.5 |
| 4 | 0.768 | 0.094 | 76.4 |
| 5 | 0.335 | 0.023 | -45.2 |

## In these collections

- [Library card nostalgia](https://grabient.com/library-card-nostalgia)

## Other forms

- [JSON](https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg.json?steps=40&angle=135)
- [PNG](https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg.png?steps=40&angle=135)
- [SVG](https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg.svg?steps=40&angle=135)
- [CSS](https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg.css?steps=40&angle=135)
- [ASE](https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg.ase?steps=40&angle=135)
- [GPL](https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg.gpl?steps=40&angle=135)
- [GRD](https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg.grd?steps=40&angle=135)
- [Design tokens](https://grabient.com/kWUg4XxZ80NYPURhoj-qoixg.tokens.json?steps=40&angle=135)
- [Social card](https://grabient.com/api/og?seed=kWUg4XxZ80NYPURhoj-qoixg&steps=40&angle=135)
- [Palettes like this one](https://grabient.com/palettes?q=kWUg4XxZ80NYPURhoj-qoixg)
- [Guide for agents](https://grabient.com/llms.txt)