# Rust orange sage diagonal

Green, brown and gray linear gradient with 40 colors: #6b8c70, #6c8c6d, #6d8c6a, #708c66, #738c61, #778b5c, #7c8a56, #82894f, #888748, #8f8542, #96833b, #9d8036, #a37e32, #aa7b30, #af782f, #b47630, #b87331, #bb7233, #bd7135, #be7037, #bf7037, #bf7137, #be7336, #bc7535, #ba7835, #b77b34, #b37e35, #ae8137, #a9853a, #a4883f, #9e8c45, #998e4b, #939151, #8e9358, #89955e, #869764, #829869, #80996e, #7e9972, #7d9a74. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, brown and gray linear gradient
- Seed: `kSmilqTyy0tMXSe`
- Page: https://grabient.com/kSmilqTyy0tMXSe?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: even lightness, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#6b8c70` | `oklch(60.63% 0.0565 149.06)` | Laurel | black, 5.5 to 1 |
| 2 | `#6c8c6d` | `oklch(60.67% 0.0585 146.16)` | Forest Path | black, 5.6 to 1 |
| 3 | `#6d8c6a` | `oklch(60.72% 0.0611 142.39)` | Kashmir | black, 5.6 to 1 |
| 4 | `#708c66` | `oklch(60.77% 0.0643 137.87)` | Kashmir | black, 5.6 to 1 |
| 5 | `#738c61` | `oklch(60.82% 0.0679 132.71)` | Fern Canopy | black, 5.6 to 1 |
| 6 | `#778b5c` | `oklch(60.88% 0.0718 127.03)` | Moss Gardens | black, 5.6 to 1 |
| 7 | `#7c8a56` | `oklch(60.95% 0.0761 120.92)` | Scarabœus Nobilis | black, 5.6 to 1 |
| 8 | `#82894f` | `oklch(61.01% 0.0805 114.52)` | Field Maple | black, 5.6 to 1 |
| 9 | `#888748` | `oklch(61.09% 0.0851 107.91)` | Overgrown Citadel | black, 5.6 to 1 |
| 10 | `#8f8542` | `oklch(61.16% 0.0898 101.23)` | Frog’s Legs | black, 5.6 to 1 |
| 11 | `#96833b` | `oklch(61.24% 0.0944 94.57)` | Eden Prairie | black, 5.6 to 1 |
| 12 | `#9d8036` | `oklch(61.32% 0.0990 88.05)` | Wild Olive | black, 5.5 to 1 |
| 13 | `#a37e32` | `oklch(61.41% 0.1033 81.78)` | Fluor Spar | black, 5.5 to 1 |
| 14 | `#aa7b30` | `oklch(61.50% 0.1074 75.87)` | Chai Tea | black, 5.5 to 1 |
| 15 | `#af782f` | `oklch(61.60% 0.1112 70.44)` | Butterbeer | black, 5.5 to 1 |
| 16 | `#b47630` | `oklch(61.70% 0.1146 65.59)` | Fireside Chat | black, 5.5 to 1 |
| 17 | `#b87331` | `oklch(61.81% 0.1175 61.43)` | Copper | black, 5.5 to 1 |
| 18 | `#bb7233` | `oklch(61.91% 0.1198 58.08)` | Copper | black, 5.5 to 1 |
| 19 | `#bd7135` | `oklch(62.03% 0.1215 55.64)` | Carrot Cake | black, 5.5 to 1 |
| 20 | `#be7037` | `oklch(62.14% 0.1224 54.24)` | Tiger Stripe | black, 5.5 to 1 |
| 21 | `#bf7037` | `oklch(62.27% 0.1226 53.96)` | Tiger Stripe | black, 5.6 to 1 |
| 22 | `#bf7137` | `oklch(62.40% 0.1220 54.80)` | Carrot Cake | black, 5.6 to 1 |
| 23 | `#be7336` | `oklch(62.55% 0.1207 56.65)` | Tomato Cream | black, 5.6 to 1 |
| 24 | `#bc7535` | `oklch(62.72% 0.1188 59.39)` | Meteor | black, 5.7 to 1 |
| 25 | `#ba7835` | `oklch(62.89% 0.1163 62.93)` | Fire Lord | black, 5.8 to 1 |
| 26 | `#b77b34` | `oklch(63.07% 0.1133 67.15)` | Mandalay | black, 5.8 to 1 |
| 27 | `#b37e35` | `oklch(63.25% 0.1100 71.96)` | Gilded Gold | black, 5.9 to 1 |
| 28 | `#ae8137` | `oklch(63.44% 0.1063 77.24)` | Bird’s-Eye | black, 6 to 1 |
| 29 | `#a9853a` | `oklch(63.64% 0.1023 82.88)` | Garden Sprout | black, 6.1 to 1 |
| 30 | `#a4883f` | `oklch(63.83% 0.0982 88.78)` | Ecru Olive | black, 6.1 to 1 |
| 31 | `#9e8c45` | `oklch(64.02% 0.0940 94.83)` | Plantation Island | black, 6.2 to 1 |
| 32 | `#998e4b` | `oklch(64.21% 0.0897 100.93)` | Retro Avocado | black, 6.3 to 1 |
| 33 | `#939151` | `oklch(64.39% 0.0855 106.96)` | Amazon Queen | black, 6.4 to 1 |
| 34 | `#8e9358` | `oklch(64.57% 0.0814 112.83)` | Fair and Square | black, 6.4 to 1 |
| 35 | `#89955e` | `oklch(64.73% 0.0774 118.42)` | Vesuvian Green | black, 6.5 to 1 |
| 36 | `#869764` | `oklch(64.89% 0.0738 123.63)` | Vesuvian Green | black, 6.5 to 1 |
| 37 | `#829869` | `oklch(65.03% 0.0705 128.35)` | Mesa Verde | black, 6.6 to 1 |
| 38 | `#80996e` | `oklch(65.15% 0.0676 132.47)` | Mesa Verde | black, 6.6 to 1 |
| 39 | `#7e9972` | `oklch(65.26% 0.0652 135.89)` | Mesa Verde | black, 6.7 to 1 |
| 40 | `#7d9a74` | `oklch(65.35% 0.0634 138.49)` | Horenso Green | black, 6.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #6b8c70 0.0%, #6c8c6d 2.6%, #6d8c6a 5.1%, #708c66 7.7%, #738c61 10.3%, #778b5c 12.8%, #7c8a56 15.4%, #82894f 17.9%, #888748 20.5%, #8f8542 23.1%, #96833b 25.6%, #9d8036 28.2%, #a37e32 30.8%, #aa7b30 33.3%, #af782f 35.9%, #b47630 38.5%, #b87331 41.0%, #bb7233 43.6%, #bd7135 46.2%, #be7037 48.7%, #bf7037 51.3%, #bf7137 53.8%, #be7336 56.4%, #bc7535 59.0%, #ba7835 61.5%, #b77b34 64.1%, #b37e35 66.7%, #ae8137 69.2%, #a9853a 71.8%, #a4883f 74.4%, #9e8c45 76.9%, #998e4b 79.5%, #939151 82.1%, #8e9358 84.6%, #89955e 87.2%, #869764 89.7%, #829869 92.3%, #80996e 94.9%, #7e9972 97.4%, #7d9a74 100.0%);
background: linear-gradient(225deg in oklch, oklch(60.63% 0.0565 149.06) 0.0%, oklch(60.67% 0.0585 146.16) 2.6%, oklch(60.72% 0.0611 142.39) 5.1%, oklch(60.77% 0.0643 137.87) 7.7%, oklch(60.82% 0.0679 132.71) 10.3%, oklch(60.88% 0.0718 127.03) 12.8%, oklch(60.95% 0.0761 120.92) 15.4%, oklch(61.01% 0.0805 114.52) 17.9%, oklch(61.09% 0.0851 107.91) 20.5%, oklch(61.16% 0.0898 101.23) 23.1%, oklch(61.24% 0.0944 94.57) 25.6%, oklch(61.32% 0.0990 88.05) 28.2%, oklch(61.41% 0.1033 81.78) 30.8%, oklch(61.50% 0.1074 75.87) 33.3%, oklch(61.60% 0.1112 70.44) 35.9%, oklch(61.70% 0.1146 65.59) 38.5%, oklch(61.81% 0.1175 61.43) 41.0%, oklch(61.91% 0.1198 58.08) 43.6%, oklch(62.03% 0.1215 55.64) 46.2%, oklch(62.14% 0.1224 54.24) 48.7%, oklch(62.27% 0.1226 53.96) 51.3%, oklch(62.40% 0.1220 54.80) 53.8%, oklch(62.55% 0.1207 56.65) 56.4%, oklch(62.72% 0.1188 59.39) 59.0%, oklch(62.89% 0.1163 62.93) 61.5%, oklch(63.07% 0.1133 67.15) 64.1%, oklch(63.25% 0.1100 71.96) 66.7%, oklch(63.44% 0.1063 77.24) 69.2%, oklch(63.64% 0.1023 82.88) 71.8%, oklch(63.83% 0.0982 88.78) 74.4%, oklch(64.02% 0.0940 94.83) 76.9%, oklch(64.21% 0.0897 100.93) 79.5%, oklch(64.39% 0.0855 106.96) 82.1%, oklch(64.57% 0.0814 112.83) 84.6%, oklch(64.73% 0.0774 118.42) 87.2%, oklch(64.89% 0.0738 123.63) 89.7%, oklch(65.03% 0.0705 128.35) 92.3%, oklch(65.15% 0.0676 132.47) 94.9%, oklch(65.26% 0.0652 135.89) 97.4%, oklch(65.35% 0.0634 138.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.056 | 149.1 |
| 2 | 0.622 | 0.123 | 54 |
| 3 | 0.654 | 0.063 | 138.5 |

## In these collections

- [Red and green gradients](https://grabient.com/red-and-green-gradients)

## Other forms

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