# Tan, gray, black and green linear gradient

Tan, gray, black and green linear gradient with 40 colors: #cda17c, #cda07e, #cda182, #cda288, #cda38d, #cba290, #c7a091, #c19b8f, #b79388, #aa867d, #9a766e, #88635d, #75504b, #623d39, #522d28, #44211a, #391a0d, #2f1501, #221400, #171400, #0d1401, #041406, #01150c, #001711, #011c15, #06241a, #152f1d, #293b1e, #42461e, #5d5122, #755b2b, #886535, #966f3d, #9f7b43, #a58a49, #a69852, #a4a75f, #9eb56f, #98c07e, #94c78a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYvDUr2RE9KKUP-YDVAxJ0zuMkyA`
- Page: https://grabient.com/kYvDUr2RE9KKUP-YDVAxJ0zuMkyA?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 9.7 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 | `#cda17c` | `oklch(74.02% 0.0730 61.17)` | Kenya | black, 8.9 to 1 |
| 2 | `#cda07e` | `oklch(73.98% 0.0707 59.16)` | Arbol de Tamarindo | black, 8.9 to 1 |
| 3 | `#cda182` | `oklch(74.24% 0.0673 56.29)` | Arbol de Tamarindo | black, 9 to 1 |
| 4 | `#cda288` | `oklch(74.56% 0.0633 52.87)` | Arbol de Tamarindo | black, 9.1 to 1 |
| 5 | `#cda38d` | `oklch(74.73% 0.0590 49.18)` | Autumn Malt | black, 9.1 to 1 |
| 6 | `#cba290` | `oklch(74.53% 0.0548 45.51)` | Sombrero Tan | black, 9.1 to 1 |
| 7 | `#c7a091` | `oklch(73.73% 0.0511 42.18)` | Cabbage Rose | black, 8.8 to 1 |
| 8 | `#c19b8f` | `oklch(72.11% 0.0482 39.46)` | Mahogany Rose | black, 8.3 to 1 |
| 9 | `#b79388` | `oklch(69.44% 0.0467 37.60)` | Mauve Blush | black, 7.5 to 1 |
| 10 | `#aa867d` | `oklch(65.28% 0.0465 35.27)` | Rocky Mountain | black, 6.4 to 1 |
| 11 | `#9a766e` | `oklch(59.82% 0.0475 32.31)` | Reddish Grey | black, 5.1 to 1 |
| 12 | `#88635d` | `oklch(53.53% 0.0492 29.45)` | Smoked Almond | white, 5.2 to 1 |
| 13 | `#75504b` | `oklch(46.89% 0.0512 27.40)` | False Morel | white, 7 to 1 |
| 14 | `#623d39` | `oklch(40.35% 0.0531 26.89)` | Otis Madeira | white, 9.3 to 1 |
| 15 | `#522d28` | `oklch(34.37% 0.0546 28.63)` | Momoshio Brown | white, 11.8 to 1 |
| 16 | `#44211a` | `oklch(29.44% 0.0553 33.36)` | Longan’s Kernel | white, 14.1 to 1 |
| 17 | `#391a0d` | `oklch(25.89% 0.0547 42.10)` | Close but No Cigar | white, 15.8 to 1 |
| 18 | `#2f1501` | `oklch(23.02% 0.0525 57.47)` | Shadow Play | white, 17 to 1 |
| 19 | `#221400` | `oklch(20.65% 0.0431 77.42)` | Super Black | white, 17.9 to 1 |
| 20 | `#171400` | `oklch(18.85% 0.0393 100.94)` | Chinese Black | white, 18.4 to 1 |
| 21 | `#0d1401` | `oklch(17.64% 0.0413 124.77)` | Chinese Black | white, 18.8 to 1 |
| 22 | `#041406` | `oklch(17.11% 0.0380 146.29)` | Oil Slick | white, 18.9 to 1 |
| 23 | `#01150c` | `oklch(17.31% 0.0358 163.39)` | Jedi Night | white, 18.8 to 1 |
| 24 | `#001711` | `oklch(18.30% 0.0350 173.44)` | Jedi Night | white, 18.5 to 1 |
| 25 | `#011c15` | `oklch(20.20% 0.0372 174.76)` | Pinch of Pepper | white, 17.8 to 1 |
| 26 | `#06241a` | `oklch(23.46% 0.0412 166.79)` | Deep Slate Green | white, 16.4 to 1 |
| 27 | `#152f1d` | `oklch(27.78% 0.0467 152.25)` | Méi Hēi Coal | white, 14.4 to 1 |
| 28 | `#293b1e` | `oklch(32.80% 0.0533 133.75)` | Queen of Trees | white, 12 to 1 |
| 29 | `#42461e` | `oklch(38.20% 0.0604 113.90)` | Avocado Dark Green | white, 9.8 to 1 |
| 30 | `#5d5122` | `oklch(43.62% 0.0674 95.31)` | West Coast | white, 7.8 to 1 |
| 31 | `#755b2b` | `oklch(48.72% 0.0738 80.60)` | Moss Brown | white, 6.3 to 1 |
| 32 | `#886535` | `oklch(53.16% 0.0791 72.38)` | Dirt Brown | white, 5.3 to 1 |
| 33 | `#966f3d` | `oklch(56.97% 0.0831 71.99)` | Half Orc Highlight | black, 4.6 to 1 |
| 34 | `#9f7b43` | `oklch(60.72% 0.0867 77.24)` | Ochre Brown | black, 5.4 to 1 |
| 35 | `#a58a49` | `oklch(64.36% 0.0899 86.53)` | Mustard Gold | black, 6.3 to 1 |
| 36 | `#a69852` | `oklch(67.80% 0.0927 98.35)` | Gremlin | black, 7.2 to 1 |
| 37 | `#a4a75f` | `oklch(70.97% 0.0952 111.17)` | Rickrack | black, 8.2 to 1 |
| 38 | `#9eb56f` | `oklch(73.77% 0.0973 123.47)` | Around the Gills | black, 9.2 to 1 |
| 39 | `#98c07e` | `oklch(76.12% 0.0991 133.73)` | Hearty Hosta | black, 10.1 to 1 |
| 40 | `#94c78a` | `oklch(77.95% 0.1006 140.43)` | Picnic | black, 10.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cda17c 0.0%, #cda07e 2.6%, #cda182 5.1%, #cda288 7.7%, #cda38d 10.3%, #cba290 12.8%, #c7a091 15.4%, #c19b8f 17.9%, #b79388 20.5%, #aa867d 23.1%, #9a766e 25.6%, #88635d 28.2%, #75504b 30.8%, #623d39 33.3%, #522d28 35.9%, #44211a 38.5%, #391a0d 41.0%, #2f1501 43.6%, #221400 46.2%, #171400 48.7%, #0d1401 51.3%, #041406 53.8%, #01150c 56.4%, #001711 59.0%, #011c15 61.5%, #06241a 64.1%, #152f1d 66.7%, #293b1e 69.2%, #42461e 71.8%, #5d5122 74.4%, #755b2b 76.9%, #886535 79.5%, #966f3d 82.1%, #9f7b43 84.6%, #a58a49 87.2%, #a69852 89.7%, #a4a75f 92.3%, #9eb56f 94.9%, #98c07e 97.4%, #94c78a 100.0%);
background: linear-gradient(135deg in oklch, oklch(74.02% 0.0730 61.17) 0.0%, oklch(73.98% 0.0707 59.16) 2.6%, oklch(74.24% 0.0673 56.29) 5.1%, oklch(74.56% 0.0633 52.87) 7.7%, oklch(74.73% 0.0590 49.18) 10.3%, oklch(74.53% 0.0548 45.51) 12.8%, oklch(73.73% 0.0511 42.18) 15.4%, oklch(72.11% 0.0482 39.46) 17.9%, oklch(69.44% 0.0467 37.60) 20.5%, oklch(65.28% 0.0465 35.27) 23.1%, oklch(59.82% 0.0475 32.31) 25.6%, oklch(53.53% 0.0492 29.45) 28.2%, oklch(46.89% 0.0512 27.40) 30.8%, oklch(40.35% 0.0531 26.89) 33.3%, oklch(34.37% 0.0546 28.63) 35.9%, oklch(29.44% 0.0553 33.36) 38.5%, oklch(25.89% 0.0547 42.10) 41.0%, oklch(23.02% 0.0525 57.47) 43.6%, oklch(20.65% 0.0431 77.42) 46.2%, oklch(18.85% 0.0393 100.94) 48.7%, oklch(17.64% 0.0413 124.77) 51.3%, oklch(17.11% 0.0380 146.29) 53.8%, oklch(17.31% 0.0358 163.39) 56.4%, oklch(18.30% 0.0350 173.44) 59.0%, oklch(20.20% 0.0372 174.76) 61.5%, oklch(23.46% 0.0412 166.79) 64.1%, oklch(27.78% 0.0467 152.25) 66.7%, oklch(32.80% 0.0533 133.75) 69.2%, oklch(38.20% 0.0604 113.90) 71.8%, oklch(43.62% 0.0674 95.31) 74.4%, oklch(48.72% 0.0738 80.60) 76.9%, oklch(53.16% 0.0791 72.38) 79.5%, oklch(56.97% 0.0831 71.99) 82.1%, oklch(60.72% 0.0867 77.24) 84.6%, oklch(64.36% 0.0899 86.53) 87.2%, oklch(67.80% 0.0927 98.35) 89.7%, oklch(70.97% 0.0952 111.17) 92.3%, oklch(73.77% 0.0973 123.47) 94.9%, oklch(76.12% 0.0991 133.73) 97.4%, oklch(77.95% 0.1006 140.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.073 | 61.2 |
| 2 | 0.701 | 0.047 | 37.9 |
| 3 | 0.272 | 0.055 | 37.9 |
| 4 | 0.189 | 0.036 | 175.3 |
| 5 | 0.539 | 0.08 | 71.7 |
| 6 | 0.78 | 0.101 | 140.4 |

## Other forms

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