# Muted fawn rose wash

Analogous brown, purple and gray linear gradient with 32 colors: #8f3402, #8f350e, #903619, #903823, #913a2c, #913c35, #913e3e, #904146, #90444d, #8f4854, #8e4b5a, #8e4e60, #8d5264, #8c5567, #8c586a, #8c5b6c, #8c5d6c, #8c606d, #8d636c, #8d666c, #8d696b, #8d6c6b, #8c6f6c, #8c726c, #8b756e, #8a7770, #897a72, #887c74, #877e77, #878079, #86817c, #86837e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous brown, purple and gray linear gradient
- Seed: `kScmEeQ5g6s2DSO`
- Page: https://grabient.com/kScmEeQ5g6s2DSO?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2 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 | `#8f3402` | `oklch(44.88% 0.1337 42.19)` | Citrine Brown | white, 7.9 to 1 |
| 2 | `#8f350e` | `oklch(45.18% 0.1312 40.34)` | Citrine Brown | white, 7.8 to 1 |
| 3 | `#903619` | `oklch(45.55% 0.1282 37.76)` | Citrine Brown | white, 7.7 to 1 |
| 4 | `#903823` | `oklch(45.97% 0.1247 34.57)` | Red Prairie | white, 7.5 to 1 |
| 5 | `#913a2c` | `oklch(46.44% 0.1208 30.91)` | Gatsby Brick | white, 7.4 to 1 |
| 6 | `#913c35` | `oklch(46.95% 0.1165 26.91)` | Thunderbird | white, 7.2 to 1 |
| 7 | `#913e3e` | `oklch(47.50% 0.1120 22.70)` | Cherry Tart | white, 7 to 1 |
| 8 | `#904146` | `oklch(48.08% 0.1072 18.42)` | Apple-a-Day | white, 6.8 to 1 |
| 9 | `#90444d` | `oklch(48.67% 0.1023 14.20)` | Rhubarb Smoothie | white, 6.7 to 1 |
| 10 | `#8f4854` | `oklch(49.29% 0.0972 10.17)` | Dull Magenta | white, 6.5 to 1 |
| 11 | `#8e4b5a` | `oklch(49.91% 0.0921 6.46)` | Dull Magenta | white, 6.3 to 1 |
| 12 | `#8e4e60` | `oklch(50.53% 0.0871 3.21)` | Velour Scar | white, 6.1 to 1 |
| 13 | `#8d5264` | `oklch(51.15% 0.0821 0.55)` | Velour Scar | white, 5.9 to 1 |
| 14 | `#8c5567` | `oklch(51.75% 0.0772 358.61)` | Pink Peppercorn | white, 5.8 to 1 |
| 15 | `#8c586a` | `oklch(52.33% 0.0726 357.53)` | Majestic Orchid | white, 5.6 to 1 |
| 16 | `#8c5b6c` | `oklch(52.88% 0.0682 357.44)` | Cabernet | white, 5.5 to 1 |
| 17 | `#8c5d6c` | `oklch(53.41% 0.0641 358.48)` | Cabernet | white, 5.3 to 1 |
| 18 | `#8c606d` | `oklch(53.96% 0.0599 0.73)` | Glazed Ringlet | white, 5.2 to 1 |
| 19 | `#8d636c` | `oklch(54.53% 0.0556 4.07)` | Grenache | white, 5 to 1 |
| 20 | `#8d666c` | `oklch(55.11% 0.0513 8.33)` | Deadlock | white, 4.9 to 1 |
| 21 | `#8d696b` | `oklch(55.70% 0.0469 13.36)` | Mauve-a-Lish | white, 4.8 to 1 |
| 22 | `#8d6c6b` | `oklch(56.29% 0.0425 19.00)` | Moss Rose | white, 4.6 to 1 |
| 23 | `#8c6f6c` | `oklch(56.88% 0.0382 25.08)` | Touch of Class | black, 4.5 to 1 |
| 24 | `#8c726c` | `oklch(57.46% 0.0340 31.45)` | Brown Rose | black, 4.7 to 1 |
| 25 | `#8b756e` | `oklch(58.02% 0.0299 37.96)` | Soft Bark | black, 4.8 to 1 |
| 26 | `#8a7770` | `oklch(58.57% 0.0260 44.44)` | Wet River Rock | black, 4.9 to 1 |
| 27 | `#897a72` | `oklch(59.08% 0.0223 50.73)` | Wet River Rock | black, 5 to 1 |
| 28 | `#887c74` | `oklch(59.56% 0.0189 56.68)` | Spacious Grey | black, 5.2 to 1 |
| 29 | `#877e77` | `oklch(60.00% 0.0157 62.13)` | Spacious Grey | black, 5.3 to 1 |
| 30 | `#878079` | `oklch(60.40% 0.0128 66.92)` | Purri Sticks | black, 5.3 to 1 |
| 31 | `#86817c` | `oklch(60.74% 0.0103 70.89)` | Grey Pepper | black, 5.4 to 1 |
| 32 | `#86837e` | `oklch(61.02% 0.0083 73.89)` | Greystoke | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8f3402 0.0%, #8f350e 3.2%, #903619 6.5%, #903823 9.7%, #913a2c 12.9%, #913c35 16.1%, #913e3e 19.4%, #904146 22.6%, #90444d 25.8%, #8f4854 29.0%, #8e4b5a 32.3%, #8e4e60 35.5%, #8d5264 38.7%, #8c5567 41.9%, #8c586a 45.2%, #8c5b6c 48.4%, #8c5d6c 51.6%, #8c606d 54.8%, #8d636c 58.1%, #8d666c 61.3%, #8d696b 64.5%, #8d6c6b 67.7%, #8c6f6c 71.0%, #8c726c 74.2%, #8b756e 77.4%, #8a7770 80.6%, #897a72 83.9%, #887c74 87.1%, #877e77 90.3%, #878079 93.5%, #86817c 96.8%, #86837e 100.0%);
background: linear-gradient(135deg in oklch, oklch(44.88% 0.1337 42.19) 0.0%, oklch(45.18% 0.1312 40.34) 3.2%, oklch(45.55% 0.1282 37.76) 6.5%, oklch(45.97% 0.1247 34.57) 9.7%, oklch(46.44% 0.1208 30.91) 12.9%, oklch(46.95% 0.1165 26.91) 16.1%, oklch(47.50% 0.1120 22.70) 19.4%, oklch(48.08% 0.1072 18.42) 22.6%, oklch(48.67% 0.1023 14.20) 25.8%, oklch(49.29% 0.0972 10.17) 29.0%, oklch(49.91% 0.0921 6.46) 32.3%, oklch(50.53% 0.0871 3.21) 35.5%, oklch(51.15% 0.0821 0.55) 38.7%, oklch(51.75% 0.0772 358.61) 41.9%, oklch(52.33% 0.0726 357.53) 45.2%, oklch(52.88% 0.0682 357.44) 48.4%, oklch(53.41% 0.0641 358.48) 51.6%, oklch(53.96% 0.0599 0.73) 54.8%, oklch(54.53% 0.0556 4.07) 58.1%, oklch(55.11% 0.0513 8.33) 61.3%, oklch(55.70% 0.0469 13.36) 64.5%, oklch(56.29% 0.0425 19.00) 67.7%, oklch(56.88% 0.0382 25.08) 71.0%, oklch(57.46% 0.0340 31.45) 74.2%, oklch(58.02% 0.0299 37.96) 77.4%, oklch(58.57% 0.0260 44.44) 80.6%, oklch(59.08% 0.0223 50.73) 83.9%, oklch(59.56% 0.0189 56.68) 87.1%, oklch(60.00% 0.0157 62.13) 90.3%, oklch(60.40% 0.0128 66.92) 93.5%, oklch(60.74% 0.0103 70.89) 96.8%, oklch(61.02% 0.0083 73.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.134 | 42.2 |
| 2 | 0.531 | 0.066 | -2.2 |
| 3 | 0.61 | 0.008 | 73.9 |

## In these collections

- [Wilderkind](https://grabient.com/wilderkind)

## Other forms

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