# Tan, charcoal and stone gray palette

Gray and black linear gradient with 32 colors: #75715d, #726f5b, #6e6b58, #696755, #636351, #5d5e4d, #585949, #525545, #4d5042, #474b3e, #41463a, #3a4036, #343a32, #30362e, #2d332c, #2c322c, #2d342e, #313932, #373f37, #3e483e, #475246, #515c4e, #5c6757, #667160, #717b69, #7d8773, #8a937f, #979f8b, #a4ab97, #b0b6a2, #bac0ab, #c1c7b2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray and black linear gradient
- Seed: `kWixZGNojCKeFQ5FCz46Aq-I`
- Page: https://grabient.com/kWixZGNojCKeFQ5FCz46Aq-I?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: dark center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 7.5 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 | `#75715d` | `oklch(54.72% 0.0303 98.44)` | Sage Green Light | white, 4.8 to 1 |
| 2 | `#726f5b` | `oklch(53.78% 0.0298 99.88)` | Momentum | white, 5 to 1 |
| 3 | `#6e6b58` | `oklch(52.52% 0.0291 101.71)` | Coastline Trail | white, 5.3 to 1 |
| 4 | `#696755` | `oklch(51.01% 0.0283 103.88)` | Double Duty | white, 5.7 to 1 |
| 5 | `#636351` | `oklch(49.34% 0.0274 106.36)` | Groundcover | white, 6.1 to 1 |
| 6 | `#5d5e4d` | `oklch(47.58% 0.0264 109.08)` | Stump Green | white, 6.6 to 1 |
| 7 | `#585949` | `oklch(45.81% 0.0253 112.00)` | Monogram | white, 7.1 to 1 |
| 8 | `#525545` | `oklch(44.11% 0.0242 115.08)` | Freshwater Marsh | white, 7.6 to 1 |
| 9 | `#4d5042` | `oklch(42.51% 0.0231 118.29)` | Shade-Grown | white, 8.2 to 1 |
| 10 | `#474b3e` | `oklch(40.63% 0.0217 122.24)` | Foxhall Green | white, 8.9 to 1 |
| 11 | `#41463a` | `oklch(38.44% 0.0200 126.87)` | Ripe Olive | white, 9.7 to 1 |
| 12 | `#3a4036` | `oklch(36.17% 0.0182 131.81)` | Sunday Niqab | white, 10.7 to 1 |
| 13 | `#343a32` | `oklch(34.06% 0.0165 136.70)` | Sound of Silence | white, 11.6 to 1 |
| 14 | `#30362e` | `oklch(32.32% 0.0151 141.17)` | Aimiru Brown | white, 12.4 to 1 |
| 15 | `#2d332c` | `oklch(31.18% 0.0140 144.86)` | Terminal Black | white, 12.9 to 1 |
| 16 | `#2c322c` | `oklch(30.88% 0.0137 147.39)` | Terminal Black | white, 13.1 to 1 |
| 17 | `#2d342e` | `oklch(31.60% 0.0141 148.43)` | Terminal Black | white, 12.7 to 1 |
| 18 | `#313932` | `oklch(33.33% 0.0156 148.10)` | Sound of Silence | white, 11.9 to 1 |
| 19 | `#373f37` | `oklch(35.85% 0.0178 146.70)` | Roycroft Bottle Green | white, 10.8 to 1 |
| 20 | `#3e483e` | `oklch(38.97% 0.0205 144.51)` | Rich Olive | white, 9.5 to 1 |
| 21 | `#475246` | `oklch(42.49% 0.0233 141.83)` | Rock Garden | white, 8.1 to 1 |
| 22 | `#515c4e` | `oklch(46.22% 0.0260 138.96)` | Nandor | white, 6.9 to 1 |
| 23 | `#5c6757` | `oklch(49.96% 0.0284 136.19)` | Deep Bottlebrush | white, 5.9 to 1 |
| 24 | `#667160` | `oklch(53.50% 0.0300 133.81)` | Laurel Garland | white, 5.1 to 1 |
| 25 | `#717b69` | `oklch(56.94% 0.0309 131.82)` | Sedge Green | black, 4.7 to 1 |
| 26 | `#7d8773` | `oklch(60.80% 0.0312 129.68)` | Dollar | black, 5.5 to 1 |
| 27 | `#8a937f` | `oklch(64.91% 0.0311 127.46)` | Explorer Green | black, 6.5 to 1 |
| 28 | `#979f8b` | `oklch(69.05% 0.0307 125.26)` | Flagstone Quartzite | black, 7.6 to 1 |
| 29 | `#a4ab97` | `oklch(73.03% 0.0302 123.17)` | Simply Sage | black, 8.8 to 1 |
| 30 | `#b0b6a2` | `oklch(76.63% 0.0296 121.28)` | Fennel Stem | black, 10 to 1 |
| 31 | `#bac0ab` | `oklch(79.65% 0.0292 119.70)` | Beryl Green | black, 11.1 to 1 |
| 32 | `#c1c7b2` | `oklch(81.89% 0.0289 118.52)` | Haggis | black, 12 to 1 |

## CSS

```css
background: linear-gradient(270deg, #75715d 0.0%, #726f5b 3.2%, #6e6b58 6.5%, #696755 9.7%, #636351 12.9%, #5d5e4d 16.1%, #585949 19.4%, #525545 22.6%, #4d5042 25.8%, #474b3e 29.0%, #41463a 32.3%, #3a4036 35.5%, #343a32 38.7%, #30362e 41.9%, #2d332c 45.2%, #2c322c 48.4%, #2d342e 51.6%, #313932 54.8%, #373f37 58.1%, #3e483e 61.3%, #475246 64.5%, #515c4e 67.7%, #5c6757 71.0%, #667160 74.2%, #717b69 77.4%, #7d8773 80.6%, #8a937f 83.9%, #979f8b 87.1%, #a4ab97 90.3%, #b0b6a2 93.5%, #bac0ab 96.8%, #c1c7b2 100.0%);
background: linear-gradient(270deg in oklch, oklch(54.72% 0.0303 98.44) 0.0%, oklch(53.78% 0.0298 99.88) 3.2%, oklch(52.52% 0.0291 101.71) 6.5%, oklch(51.01% 0.0283 103.88) 9.7%, oklch(49.34% 0.0274 106.36) 12.9%, oklch(47.58% 0.0264 109.08) 16.1%, oklch(45.81% 0.0253 112.00) 19.4%, oklch(44.11% 0.0242 115.08) 22.6%, oklch(42.51% 0.0231 118.29) 25.8%, oklch(40.63% 0.0217 122.24) 29.0%, oklch(38.44% 0.0200 126.87) 32.3%, oklch(36.17% 0.0182 131.81) 35.5%, oklch(34.06% 0.0165 136.70) 38.7%, oklch(32.32% 0.0151 141.17) 41.9%, oklch(31.18% 0.0140 144.86) 45.2%, oklch(30.88% 0.0137 147.39) 48.4%, oklch(31.60% 0.0141 148.43) 51.6%, oklch(33.33% 0.0156 148.10) 54.8%, oklch(35.85% 0.0178 146.70) 58.1%, oklch(38.97% 0.0205 144.51) 61.3%, oklch(42.49% 0.0233 141.83) 64.5%, oklch(46.22% 0.0260 138.96) 67.7%, oklch(49.96% 0.0284 136.19) 71.0%, oklch(53.50% 0.0300 133.81) 74.2%, oklch(56.94% 0.0309 131.82) 77.4%, oklch(60.80% 0.0312 129.68) 80.6%, oklch(64.91% 0.0311 127.46) 83.9%, oklch(69.05% 0.0307 125.26) 87.1%, oklch(73.03% 0.0302 123.17) 90.3%, oklch(76.63% 0.0296 121.28) 93.5%, oklch(79.65% 0.0292 119.70) 96.8%, oklch(81.89% 0.0289 118.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.03 | 98.4 |
| 2 | 0.429 | 0.023 | 117.5 |
| 3 | 0.311 | 0.014 | 148.1 |
| 4 | 0.543 | 0.03 | 133.3 |
| 5 | 0.819 | 0.029 | 118.5 |

## In these collections

- [Gray gradients](https://grabient.com/gray-gradients)

## Other forms

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