# Sand sage rust diagonal

Analogous tan, green and brown linear gradient with 56 colors: #d2b796, #d2b795, #d1b794, #d0b793, #cfb892, #cdb891, #ccb890, #cab88f, #c8b88e, #c6b98d, #c4b98c, #c1ba8b, #bfba8b, #bcba8a, #b9bb8a, #b6bb8a, #b3bb8a, #b0bb8a, #adbb8a, #aabb8a, #a7bb8a, #a5bb8a, #a2bb8a, #9fbb89, #9dba89, #9bba88, #99b987, #98b886, #97b784, #96b682, #96b480, #96b37d, #96b179, #97af76, #97ad72, #99ab6e, #9aa869, #9ba565, #9da361, #9fa05c, #a19d58, #a29a54, #a49751, #a6934d, #a8904a, #a98d47, #ab8a45, #ac8743, #ad8442, #ae8141, #af7f41, #b07c40, #b07a40, #b07840, #b17640, #b17540. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous tan, green and brown linear gradient
- Seed: `kSyig0XpzHM4lNy`
- Page: https://grabient.com/kSyig0XpzHM4lNy?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: pastel
- 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 | `#d2b796` | `oklch(79.53% 0.0551 73.13)` | Brown Hare | black, 10.9 to 1 |
| 2 | `#d2b795` | `oklch(79.43% 0.0556 74.41)` | Brown Hare | black, 10.9 to 1 |
| 3 | `#d1b794` | `oklch(79.33% 0.0561 76.00)` | Brown Hare | black, 10.9 to 1 |
| 4 | `#d0b793` | `oklch(79.23% 0.0567 77.87)` | Vermicelli | black, 10.9 to 1 |
| 5 | `#cfb892` | `oklch(79.13% 0.0573 80.01)` | Palmetto Bluff | black, 10.8 to 1 |
| 6 | `#cdb891` | `oklch(79.01% 0.0580 82.37)` | Flier Lie | black, 10.8 to 1 |
| 7 | `#ccb890` | `oklch(78.90% 0.0587 84.93)` | Flier Lie | black, 10.8 to 1 |
| 8 | `#cab88f` | `oklch(78.78% 0.0594 87.66)` | Canvas Satchel | black, 10.7 to 1 |
| 9 | `#c8b88e` | `oklch(78.65% 0.0602 90.53)` | Soybean | black, 10.7 to 1 |
| 10 | `#c6b98d` | `oklch(78.52% 0.0610 93.52)` | Goody Two Shoes | black, 10.7 to 1 |
| 11 | `#c4b98c` | `oklch(78.37% 0.0619 96.59)` | Goody Two Shoes | black, 10.6 to 1 |
| 12 | `#c1ba8b` | `oklch(78.23% 0.0628 99.72)` | Goody Two Shoes | black, 10.6 to 1 |
| 13 | `#bfba8b` | `oklch(78.07% 0.0637 102.88)` | Goody Two Shoes | black, 10.5 to 1 |
| 14 | `#bcba8a` | `oklch(77.91% 0.0647 106.04)` | Baby Bok Choy | black, 10.5 to 1 |
| 15 | `#b9bb8a` | `oklch(77.74% 0.0656 109.17)` | Aloe Plant | black, 10.5 to 1 |
| 16 | `#b6bb8a` | `oklch(77.56% 0.0666 112.25)` | Aloe Plant | black, 10.4 to 1 |
| 17 | `#b3bb8a` | `oklch(77.37% 0.0676 115.24)` | Aloe Plant | black, 10.4 to 1 |
| 18 | `#b0bb8a` | `oklch(77.17% 0.0685 118.12)` | Gardening | black, 10.3 to 1 |
| 19 | `#adbb8a` | `oklch(76.96% 0.0695 120.86)` | Gardening | black, 10.2 to 1 |
| 20 | `#aabb8a` | `oklch(76.74% 0.0705 123.43)` | Grant Wood Ivy | black, 10.2 to 1 |
| 21 | `#a7bb8a` | `oklch(76.51% 0.0715 125.80)` | Forest Tapestry | black, 10.1 to 1 |
| 22 | `#a5bb8a` | `oklch(76.27% 0.0725 127.94)` | Forest Tapestry | black, 10 to 1 |
| 23 | `#a2bb8a` | `oklch(76.02% 0.0735 129.83)` | Glendale | black, 10 to 1 |
| 24 | `#9fbb89` | `oklch(75.75% 0.0744 131.44)` | Glendale | black, 9.9 to 1 |
| 25 | `#9dba89` | `oklch(75.48% 0.0754 132.74)` | Seafoam Green | black, 9.8 to 1 |
| 26 | `#9bba88` | `oklch(75.19% 0.0763 133.70)` | Seafoam Green | black, 9.7 to 1 |
| 27 | `#99b987` | `oklch(74.89% 0.0772 134.28)` | Seafoam Green | black, 9.6 to 1 |
| 28 | `#98b886` | `oklch(74.57% 0.0781 134.48)` | Mesclun Green | black, 9.5 to 1 |
| 29 | `#97b784` | `oklch(74.24% 0.0790 134.24)` | Mesclun Green | black, 9.4 to 1 |
| 30 | `#96b682` | `oklch(73.87% 0.0799 133.58)` | Watercolour Green | black, 9.3 to 1 |
| 31 | `#96b480` | `oklch(73.48% 0.0808 132.50)` | Watercolour Green | black, 9.1 to 1 |
| 32 | `#96b37d` | `oklch(73.05% 0.0817 131.04)` | Watercolour Green | black, 9 to 1 |
| 33 | `#96b179` | `oklch(72.59% 0.0826 129.23)` | Rural Eyes | black, 8.8 to 1 |
| 34 | `#97af76` | `oklch(72.11% 0.0836 127.10)` | Rural Eyes | black, 8.7 to 1 |
| 35 | `#97ad72` | `oklch(71.60% 0.0846 124.68)` | Rural Eyes | black, 8.5 to 1 |
| 36 | `#99ab6e` | `oklch(71.08% 0.0856 122.00)` | Whirled Peas | black, 8.3 to 1 |
| 37 | `#9aa869` | `oklch(70.55% 0.0866 119.09)` | Whirled Peas | black, 8.1 to 1 |
| 38 | `#9ba565` | `oklch(70.00% 0.0876 115.98)` | Green Smoke | black, 8 to 1 |
| 39 | `#9da361` | `oklch(69.44% 0.0885 112.71)` | Gothic Revival Green | black, 7.8 to 1 |
| 40 | `#9fa05c` | `oklch(68.87% 0.0895 109.29)` | Garden of Earthly Delights | black, 7.6 to 1 |
| 41 | `#a19d58` | `oklch(68.30% 0.0905 105.77)` | Garden of Earthly Delights | black, 7.4 to 1 |
| 42 | `#a29a54` | `oklch(67.74% 0.0915 102.17)` | Formosan Green | black, 7.2 to 1 |
| 43 | `#a49751` | `oklch(67.17% 0.0924 98.52)` | Gremlin | black, 7.1 to 1 |
| 44 | `#a6934d` | `oklch(66.61% 0.0934 94.85)` | Epidote Olvene Ore | black, 6.9 to 1 |
| 45 | `#a8904a` | `oklch(66.06% 0.0943 91.20)` | Salted Capers | black, 6.7 to 1 |
| 46 | `#a98d47` | `oklch(65.52% 0.0952 87.59)` | Plaguelands Beige | black, 6.6 to 1 |
| 47 | `#ab8a45` | `oklch(64.99% 0.0960 84.05)` | Amber Green | black, 6.4 to 1 |
| 48 | `#ac8743` | `oklch(64.48% 0.0969 80.61)` | Indian Spice | black, 6.3 to 1 |
| 49 | `#ad8442` | `oklch(64.00% 0.0977 77.31)` | Walnut Shell | black, 6.1 to 1 |
| 50 | `#ae8141` | `oklch(63.53% 0.0984 74.17)` | Unforgettably Gold | black, 6 to 1 |
| 51 | `#af7f41` | `oklch(63.10% 0.0991 71.22)` | Rare Find | black, 5.9 to 1 |
| 52 | `#b07c40` | `oklch(62.69% 0.0998 68.50)` | Vintage Lincoln | black, 5.8 to 1 |
| 53 | `#b07a40` | `oklch(62.31% 0.1004 66.03)` | Vintage Lincoln | black, 5.7 to 1 |
| 54 | `#b07840` | `oklch(61.98% 0.1010 63.84)` | Gold Metal | black, 5.6 to 1 |
| 55 | `#b17640` | `oklch(61.68% 0.1015 61.97)` | Gold Metal | black, 5.5 to 1 |
| 56 | `#b17540` | `oklch(61.42% 0.1020 60.44)` | Gold Metal | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d2b796 0.0%, #d2b795 1.8%, #d1b794 3.6%, #d0b793 5.5%, #cfb892 7.3%, #cdb891 9.1%, #ccb890 10.9%, #cab88f 12.7%, #c8b88e 14.5%, #c6b98d 16.4%, #c4b98c 18.2%, #c1ba8b 20.0%, #bfba8b 21.8%, #bcba8a 23.6%, #b9bb8a 25.5%, #b6bb8a 27.3%, #b3bb8a 29.1%, #b0bb8a 30.9%, #adbb8a 32.7%, #aabb8a 34.5%, #a7bb8a 36.4%, #a5bb8a 38.2%, #a2bb8a 40.0%, #9fbb89 41.8%, #9dba89 43.6%, #9bba88 45.5%, #99b987 47.3%, #98b886 49.1%, #97b784 50.9%, #96b682 52.7%, #96b480 54.5%, #96b37d 56.4%, #96b179 58.2%, #97af76 60.0%, #97ad72 61.8%, #99ab6e 63.6%, #9aa869 65.5%, #9ba565 67.3%, #9da361 69.1%, #9fa05c 70.9%, #a19d58 72.7%, #a29a54 74.5%, #a49751 76.4%, #a6934d 78.2%, #a8904a 80.0%, #a98d47 81.8%, #ab8a45 83.6%, #ac8743 85.5%, #ad8442 87.3%, #ae8141 89.1%, #af7f41 90.9%, #b07c40 92.7%, #b07a40 94.5%, #b07840 96.4%, #b17640 98.2%, #b17540 100.0%);
background: linear-gradient(135deg in oklch, oklch(79.53% 0.0551 73.13) 0.0%, oklch(79.43% 0.0556 74.41) 1.8%, oklch(79.33% 0.0561 76.00) 3.6%, oklch(79.23% 0.0567 77.87) 5.5%, oklch(79.13% 0.0573 80.01) 7.3%, oklch(79.01% 0.0580 82.37) 9.1%, oklch(78.90% 0.0587 84.93) 10.9%, oklch(78.78% 0.0594 87.66) 12.7%, oklch(78.65% 0.0602 90.53) 14.5%, oklch(78.52% 0.0610 93.52) 16.4%, oklch(78.37% 0.0619 96.59) 18.2%, oklch(78.23% 0.0628 99.72) 20.0%, oklch(78.07% 0.0637 102.88) 21.8%, oklch(77.91% 0.0647 106.04) 23.6%, oklch(77.74% 0.0656 109.17) 25.5%, oklch(77.56% 0.0666 112.25) 27.3%, oklch(77.37% 0.0676 115.24) 29.1%, oklch(77.17% 0.0685 118.12) 30.9%, oklch(76.96% 0.0695 120.86) 32.7%, oklch(76.74% 0.0705 123.43) 34.5%, oklch(76.51% 0.0715 125.80) 36.4%, oklch(76.27% 0.0725 127.94) 38.2%, oklch(76.02% 0.0735 129.83) 40.0%, oklch(75.75% 0.0744 131.44) 41.8%, oklch(75.48% 0.0754 132.74) 43.6%, oklch(75.19% 0.0763 133.70) 45.5%, oklch(74.89% 0.0772 134.28) 47.3%, oklch(74.57% 0.0781 134.48) 49.1%, oklch(74.24% 0.0790 134.24) 50.9%, oklch(73.87% 0.0799 133.58) 52.7%, oklch(73.48% 0.0808 132.50) 54.5%, oklch(73.05% 0.0817 131.04) 56.4%, oklch(72.59% 0.0826 129.23) 58.2%, oklch(72.11% 0.0836 127.10) 60.0%, oklch(71.60% 0.0846 124.68) 61.8%, oklch(71.08% 0.0856 122.00) 63.6%, oklch(70.55% 0.0866 119.09) 65.5%, oklch(70.00% 0.0876 115.98) 67.3%, oklch(69.44% 0.0885 112.71) 69.1%, oklch(68.87% 0.0895 109.29) 70.9%, oklch(68.30% 0.0905 105.77) 72.7%, oklch(67.74% 0.0915 102.17) 74.5%, oklch(67.17% 0.0924 98.52) 76.4%, oklch(66.61% 0.0934 94.85) 78.2%, oklch(66.06% 0.0943 91.20) 80.0%, oklch(65.52% 0.0952 87.59) 81.8%, oklch(64.99% 0.0960 84.05) 83.6%, oklch(64.48% 0.0969 80.61) 85.5%, oklch(64.00% 0.0977 77.31) 87.3%, oklch(63.53% 0.0984 74.17) 89.1%, oklch(63.10% 0.0991 71.22) 90.9%, oklch(62.69% 0.0998 68.50) 92.7%, oklch(62.31% 0.1004 66.03) 94.5%, oklch(61.98% 0.1010 63.84) 96.4%, oklch(61.68% 0.1015 61.97) 98.2%, oklch(61.42% 0.1020 60.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.055 | 73.1 |
| 2 | 0.744 | 0.079 | 134.4 |
| 3 | 0.614 | 0.102 | 60.4 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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