# Stone, ochre and burgundy red sumac roadside

The Stone, ochre and burgundy red sumac roadside brings together light green, green, yellow, orange, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light green.

- Also called: Gray to brown linear gradient
- Seed: `kWyBx04Ju6dYgvbEm7wsB45Y`
- Page: https://grabient.com/kWyBx04Ju6dYgvbEm7wsB45Y?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 5.4 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 | `#a4c2b3` | `oklch(78.74% 0.0386 163.83)` | Green Silk | black, 10.9 to 1 |
| 2 | `#a3c2b0` | `oklch(78.56% 0.0417 159.90)` | Green Silk | black, 10.8 to 1 |
| 3 | `#a2c2ac` | `oklch(78.36% 0.0461 154.45)` | Cambridge Blue | black, 10.8 to 1 |
| 4 | `#a2c1a6` | `oklch(78.13% 0.0514 147.95)` | Aroma Garden | black, 10.7 to 1 |
| 5 | `#a4c09e` | `oklch(77.84% 0.0570 140.87)` | Spring Sprig | black, 10.6 to 1 |
| 6 | `#a6bf96` | `oklch(77.48% 0.0628 133.69)` | Japanese Horseradish | black, 10.5 to 1 |
| 7 | `#a9bd8e` | `oklch(77.03% 0.0682 126.89)` | Chervil Leaves | black, 10.3 to 1 |
| 8 | `#abba86` | `oklch(76.48% 0.0730 120.94)` | Nile | black, 10.1 to 1 |
| 9 | `#adb77f` | `oklch(75.80% 0.0766 116.31)` | Nile | black, 9.8 to 1 |
| 10 | `#aeb479` | `oklch(75.02% 0.0796 112.84)` | Timothy Grass | black, 9.5 to 1 |
| 11 | `#aeb073` | `oklch(74.15% 0.0823 110.18)` | Timothy Grass | black, 9.2 to 1 |
| 12 | `#adad6d` | `oklch(73.19% 0.0846 108.06)` | Wasabi Green | black, 8.9 to 1 |
| 13 | `#aca967` | `oklch(72.13% 0.0865 106.22)` | Organic Garden | black, 8.6 to 1 |
| 14 | `#aaa562` | `oklch(70.99% 0.0880 104.42)` | Wholemeal Cookie | black, 8.2 to 1 |
| 15 | `#a8a05d` | `oklch(69.75% 0.0890 102.37)` | Mediaeval Sulphur | black, 7.8 to 1 |
| 16 | `#a69b57` | `oklch(68.42% 0.0895 99.84)` | Iyanden Darksun | black, 7.4 to 1 |
| 17 | `#a59552` | `oklch(66.99% 0.0894 96.67)` | Faded Khaki | black, 7 to 1 |
| 18 | `#a38f4e` | `oklch(65.43% 0.0883 93.32)` | Salted Capers | black, 6.6 to 1 |
| 19 | `#a0894b` | `oklch(63.76% 0.0864 89.84)` | Yanagicha | black, 6.1 to 1 |
| 20 | `#9d8348` | `oklch(62.00% 0.0841 86.15)` | Wishing Troll | black, 5.7 to 1 |
| 21 | `#997c45` | `oklch(60.16% 0.0815 82.19)` | Raked Leaves | black, 5.3 to 1 |
| 22 | `#957542` | `oklch(58.28% 0.0791 77.89)` | California Gold Rush | black, 4.9 to 1 |
| 23 | `#916e40` | `oklch(56.35% 0.0771 73.18)` | Olde World Gold | white, 4.6 to 1 |
| 24 | `#8d673d` | `oklch(54.42% 0.0759 67.99)` | Centaur | white, 5 to 1 |
| 25 | `#89603a` | `oklch(52.40% 0.0757 61.97)` | Quiver | white, 5.5 to 1 |
| 26 | `#855738` | `oklch(50.13% 0.0761 54.69)` | Football | white, 6.1 to 1 |
| 27 | `#804f36` | `oklch(47.73% 0.0770 46.59)` | Chocolate Bonbon | white, 6.8 to 1 |
| 28 | `#7b4635` | `oklch(45.30% 0.0782 38.20)` | Peanut | white, 7.5 to 1 |
| 29 | `#753e35` | `oklch(42.98% 0.0796 30.00)` | Ducal | white, 8.4 to 1 |
| 30 | `#6f3735` | `oklch(40.87% 0.0809 22.51)` | Red Theatre | white, 9.2 to 1 |
| 31 | `#6a3136` | `oklch(39.11% 0.0820 16.23)` | Lovestruck | white, 9.9 to 1 |
| 32 | `#662d36` | `oklch(37.80% 0.0827 11.66)` | Lovestruck | white, 10.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #a4c2b3 0.0%, #a3c2b0 3.2%, #a2c2ac 6.5%, #a2c1a6 9.7%, #a4c09e 12.9%, #a6bf96 16.1%, #a9bd8e 19.4%, #abba86 22.6%, #adb77f 25.8%, #aeb479 29.0%, #aeb073 32.3%, #adad6d 35.5%, #aca967 38.7%, #aaa562 41.9%, #a8a05d 45.2%, #a69b57 48.4%, #a59552 51.6%, #a38f4e 54.8%, #a0894b 58.1%, #9d8348 61.3%, #997c45 64.5%, #957542 67.7%, #916e40 71.0%, #8d673d 74.2%, #89603a 77.4%, #855738 80.6%, #804f36 83.9%, #7b4635 87.1%, #753e35 90.3%, #6f3735 93.5%, #6a3136 96.8%, #662d36 100.0%);
background: linear-gradient(180deg in oklch, oklch(78.74% 0.0386 163.83) 0.0%, oklch(78.56% 0.0417 159.90) 3.2%, oklch(78.36% 0.0461 154.45) 6.5%, oklch(78.13% 0.0514 147.95) 9.7%, oklch(77.84% 0.0570 140.87) 12.9%, oklch(77.48% 0.0628 133.69) 16.1%, oklch(77.03% 0.0682 126.89) 19.4%, oklch(76.48% 0.0730 120.94) 22.6%, oklch(75.80% 0.0766 116.31) 25.8%, oklch(75.02% 0.0796 112.84) 29.0%, oklch(74.15% 0.0823 110.18) 32.3%, oklch(73.19% 0.0846 108.06) 35.5%, oklch(72.13% 0.0865 106.22) 38.7%, oklch(70.99% 0.0880 104.42) 41.9%, oklch(69.75% 0.0890 102.37) 45.2%, oklch(68.42% 0.0895 99.84) 48.4%, oklch(66.99% 0.0894 96.67) 51.6%, oklch(65.43% 0.0883 93.32) 54.8%, oklch(63.76% 0.0864 89.84) 58.1%, oklch(62.00% 0.0841 86.15) 61.3%, oklch(60.16% 0.0815 82.19) 64.5%, oklch(58.28% 0.0791 77.89) 67.7%, oklch(56.35% 0.0771 73.18) 71.0%, oklch(54.42% 0.0759 67.99) 74.2%, oklch(52.40% 0.0757 61.97) 77.4%, oklch(50.13% 0.0761 54.69) 80.6%, oklch(47.73% 0.0770 46.59) 83.9%, oklch(45.30% 0.0782 38.20) 87.1%, oklch(42.98% 0.0796 30.00) 90.3%, oklch(40.87% 0.0809 22.51) 93.5%, oklch(39.11% 0.0820 16.23) 96.8%, oklch(37.80% 0.0827 11.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.039 | 163.8 |
| 2 | 0.76 | 0.076 | 117.3 |
| 3 | 0.677 | 0.09 | 98.3 |
| 4 | 0.539 | 0.076 | 66.6 |
| 5 | 0.378 | 0.083 | 11.7 |

## In these collections

- [Red sumac roadside](https://grabient.com/red-sumac-roadside)

## Other forms

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