# Gray and dark gray linear swatches

Gray and dark gray linear swatches 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.

- Seed: `kWixZGNojCKeFQ5FCz46Aq-I`
- Page: https://grabient.com/kWixZGNojCKeFQ5FCz46Aq-I?style=linearSwatches&steps=32&angle=270
- Drawn as: linear swatches, 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.000% 3.125%, #726f5b 3.125% 6.250%, #6e6b58 6.250% 9.375%, #696755 9.375% 12.500%, #636351 12.500% 15.625%, #5d5e4d 15.625% 18.750%, #585949 18.750% 21.875%, #525545 21.875% 25.000%, #4d5042 25.000% 28.125%, #474b3e 28.125% 31.250%, #41463a 31.250% 34.375%, #3a4036 34.375% 37.500%, #343a32 37.500% 40.625%, #30362e 40.625% 43.750%, #2d332c 43.750% 46.875%, #2c322c 46.875% 50.000%, #2d342e 50.000% 53.125%, #313932 53.125% 56.250%, #373f37 56.250% 59.375%, #3e483e 59.375% 62.500%, #475246 62.500% 65.625%, #515c4e 65.625% 68.750%, #5c6757 68.750% 71.875%, #667160 71.875% 75.000%, #717b69 75.000% 78.125%, #7d8773 78.125% 81.250%, #8a937f 81.250% 84.375%, #979f8b 84.375% 87.500%, #a4ab97 87.500% 90.625%, #b0b6a2 90.625% 93.750%, #bac0ab 93.750% 96.875%, #c1c7b2 96.875% 100.000%);
background: linear-gradient(270deg, oklch(54.72% 0.0303 98.44) 0.000% 3.125%, oklch(53.78% 0.0298 99.88) 3.125% 6.250%, oklch(52.52% 0.0291 101.71) 6.250% 9.375%, oklch(51.01% 0.0283 103.88) 9.375% 12.500%, oklch(49.34% 0.0274 106.36) 12.500% 15.625%, oklch(47.58% 0.0264 109.08) 15.625% 18.750%, oklch(45.81% 0.0253 112.00) 18.750% 21.875%, oklch(44.11% 0.0242 115.08) 21.875% 25.000%, oklch(42.51% 0.0231 118.29) 25.000% 28.125%, oklch(40.63% 0.0217 122.24) 28.125% 31.250%, oklch(38.44% 0.0200 126.87) 31.250% 34.375%, oklch(36.17% 0.0182 131.81) 34.375% 37.500%, oklch(34.06% 0.0165 136.70) 37.500% 40.625%, oklch(32.32% 0.0151 141.17) 40.625% 43.750%, oklch(31.18% 0.0140 144.86) 43.750% 46.875%, oklch(30.88% 0.0137 147.39) 46.875% 50.000%, oklch(31.60% 0.0141 148.43) 50.000% 53.125%, oklch(33.33% 0.0156 148.10) 53.125% 56.250%, oklch(35.85% 0.0178 146.70) 56.250% 59.375%, oklch(38.97% 0.0205 144.51) 59.375% 62.500%, oklch(42.49% 0.0233 141.83) 62.500% 65.625%, oklch(46.22% 0.0260 138.96) 65.625% 68.750%, oklch(49.96% 0.0284 136.19) 68.750% 71.875%, oklch(53.50% 0.0300 133.81) 71.875% 75.000%, oklch(56.94% 0.0309 131.82) 75.000% 78.125%, oklch(60.80% 0.0312 129.68) 78.125% 81.250%, oklch(64.91% 0.0311 127.46) 81.250% 84.375%, oklch(69.05% 0.0307 125.26) 84.375% 87.500%, oklch(73.03% 0.0302 123.17) 87.500% 90.625%, oklch(76.63% 0.0296 121.28) 90.625% 93.750%, oklch(79.65% 0.0292 119.70) 93.750% 96.875%, oklch(81.89% 0.0289 118.52) 96.875% 100.000%);
```

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