# Ochre and deep cyan red sumac roadside

The Ochre and deep cyan red sumac roadside brings together yellow, orange, red, magenta, and blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is yellow.

- Also called: Tritone tan, red and navy linear gradient
- Seed: `kauzREWKQ61A0vZGOj6uzO-jEZvKyD7Lg`
- Page: https://grabient.com/kauzREWKQ61A0vZGOj6uzO-jEZvKyD7Lg?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#b7aa76` | `oklch(73.62% 0.0717 95.62)` | Heavy Goldbrown | black, 9 to 1 |
| 2 | `#bba671` | `oklch(73.15% 0.0750 89.61)` | Rhubarb Leaf Green | black, 8.8 to 1 |
| 3 | `#c0a16c` | `oklch(72.51% 0.0795 80.94)` | Silence Is Golden | black, 8.5 to 1 |
| 4 | `#c69b67` | `oklch(71.73% 0.0850 71.04)` | Amber Autumn | black, 8.2 to 1 |
| 5 | `#cb9465` | `oklch(70.84% 0.0912 61.36)` | Santa Fe Sunrise | black, 7.9 to 1 |
| 6 | `#ce8d63` | `oklch(69.86% 0.0980 53.37)` | Grounded | black, 7.5 to 1 |
| 7 | `#d0865f` | `oklch(68.77% 0.1059 47.64)` | Harvest Time | black, 7.2 to 1 |
| 8 | `#d27e5b` | `oklch(67.56% 0.1153 43.07)` | Apricot Brown | black, 6.8 to 1 |
| 9 | `#d37656` | `oklch(66.25% 0.1252 39.34)` | Clay Mug | black, 6.4 to 1 |
| 10 | `#d36e52` | `oklch(64.87% 0.1347 36.15)` | Sun Baked | black, 6.1 to 1 |
| 11 | `#d2664f` | `oklch(63.46% 0.1426 33.20)` | Track and Field | black, 5.7 to 1 |
| 12 | `#d05e4d` | `oklch(62.04% 0.1484 30.40)` | Firebug | black, 5.3 to 1 |
| 13 | `#cd574b` | `oklch(60.57% 0.1530 28.14)` | Wet Coral | black, 5 to 1 |
| 14 | `#ca5049` | `oklch(59.05% 0.1565 26.26)` | Terra Cotta Red | black, 4.7 to 1 |
| 15 | `#c54a47` | `oklch(57.50% 0.1588 24.51)` | King Crimson | white, 4.7 to 1 |
| 16 | `#c04446` | `oklch(55.92% 0.1598 22.68)` | Glowing Scarlet | white, 5 to 1 |
| 17 | `#ba3e46` | `oklch(54.31% 0.1596 20.64)` | Chinese Safflower | white, 5.4 to 1 |
| 18 | `#b43945` | `oklch(52.64% 0.1587 18.83)` | Pomegranate | white, 5.8 to 1 |
| 19 | `#ad3444` | `oklch(50.93% 0.1566 17.05)` | Roses Are Red | white, 6.2 to 1 |
| 20 | `#a53044` | `oklch(49.22% 0.1529 14.99)` | Radish | white, 6.7 to 1 |
| 21 | `#9d2d45` | `oklch(47.54% 0.1471 12.31)` | Crimson Strawberry | white, 7.2 to 1 |
| 22 | `#942d48` | `oklch(45.91% 0.1387 8.86)` | Scarlet Apple | white, 7.7 to 1 |
| 23 | `#892d48` | `oklch(44.15% 0.1262 6.10)` | Anemone | white, 8.2 to 1 |
| 24 | `#7d2f48` | `oklch(42.36% 0.1108 3.31)` | Rhododendron | white, 8.8 to 1 |
| 25 | `#713148` | `oklch(40.71% 0.0946 359.03)` | Cabernet Craving | white, 9.4 to 1 |
| 26 | `#66324b` | `oklch(39.35% 0.0799 351.83)` | Wine Gummy Red | white, 9.8 to 1 |
| 27 | `#5c344f` | `oklch(38.48% 0.0687 340.20)` | Italian Plum | white, 10.1 to 1 |
| 28 | `#523856` | `oklch(38.19% 0.0605 321.14)` | Dark Blackberry | white, 10.2 to 1 |
| 29 | `#463d5d` | `oklch(38.34% 0.0542 296.68)` | Mulberry Mauve Black | white, 10 to 1 |
| 30 | `#3a435f` | `oklch(38.72% 0.0494 270.99)` | Diplomatic | white, 9.7 to 1 |
| 31 | `#32485d` | `oklch(39.14% 0.0456 248.25)` | Compass Blue | white, 9.5 to 1 |
| 32 | `#2e4a59` | `oklch(39.37% 0.0427 232.65)` | Deep Sea Blue | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #b7aa76 0.0%, #bba671 3.2%, #c0a16c 6.5%, #c69b67 9.7%, #cb9465 12.9%, #ce8d63 16.1%, #d0865f 19.4%, #d27e5b 22.6%, #d37656 25.8%, #d36e52 29.0%, #d2664f 32.3%, #d05e4d 35.5%, #cd574b 38.7%, #ca5049 41.9%, #c54a47 45.2%, #c04446 48.4%, #ba3e46 51.6%, #b43945 54.8%, #ad3444 58.1%, #a53044 61.3%, #9d2d45 64.5%, #942d48 67.7%, #892d48 71.0%, #7d2f48 74.2%, #713148 77.4%, #66324b 80.6%, #5c344f 83.9%, #523856 87.1%, #463d5d 90.3%, #3a435f 93.5%, #32485d 96.8%, #2e4a59 100.0%);
background: linear-gradient(180deg in oklch, oklch(73.62% 0.0717 95.62) 0.0%, oklch(73.15% 0.0750 89.61) 3.2%, oklch(72.51% 0.0795 80.94) 6.5%, oklch(71.73% 0.0850 71.04) 9.7%, oklch(70.84% 0.0912 61.36) 12.9%, oklch(69.86% 0.0980 53.37) 16.1%, oklch(68.77% 0.1059 47.64) 19.4%, oklch(67.56% 0.1153 43.07) 22.6%, oklch(66.25% 0.1252 39.34) 25.8%, oklch(64.87% 0.1347 36.15) 29.0%, oklch(63.46% 0.1426 33.20) 32.3%, oklch(62.04% 0.1484 30.40) 35.5%, oklch(60.57% 0.1530 28.14) 38.7%, oklch(59.05% 0.1565 26.26) 41.9%, oklch(57.50% 0.1588 24.51) 45.2%, oklch(55.92% 0.1598 22.68) 48.4%, oklch(54.31% 0.1596 20.64) 51.6%, oklch(52.64% 0.1587 18.83) 54.8%, oklch(50.93% 0.1566 17.05) 58.1%, oklch(49.22% 0.1529 14.99) 61.3%, oklch(47.54% 0.1471 12.31) 64.5%, oklch(45.91% 0.1387 8.86) 67.7%, oklch(44.15% 0.1262 6.10) 71.0%, oklch(42.36% 0.1108 3.31) 74.2%, oklch(40.71% 0.0946 359.03) 77.4%, oklch(39.35% 0.0799 351.83) 80.6%, oklch(38.48% 0.0687 340.20) 83.9%, oklch(38.19% 0.0605 321.14) 87.1%, oklch(38.34% 0.0542 296.68) 90.3%, oklch(38.72% 0.0494 270.99) 93.5%, oklch(39.14% 0.0456 248.25) 96.8%, oklch(39.37% 0.0427 232.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.072 | 95.6 |
| 2 | 0.697 | 0.099 | 52.3 |
| 3 | 0.63 | 0.145 | 32.2 |
| 4 | 0.551 | 0.16 | 21.7 |
| 5 | 0.465 | 0.142 | 10 |
| 6 | 0.386 | 0.07 | -17.4 |
| 7 | 0.394 | 0.043 | -127.3 |

## In these collections

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

## Other forms

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