# Dark gray and gray linear gradient

Dark gray and gray linear gradient with 32 colors: #2a3235, #2e373a, #353e42, #3c474b, #445053, #4d5a5c, #566364, #606d6d, #6b7875, #76827e, #818c87, #8d9790, #99a199, #a3aba2, #aeb4aa, #b9beb3, #c4c6bb, #cacbbf, #c9cabd, #c0c2b3, #b2b5a5, #a2a796, #939a89, #868f7d, #7a8372, #6f7868, #646e5e, #5a6455, #4f594c, #454e43, #3d453c, #373f37. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcTwmet4Y-ssFu5eBbuaoa8tUJwbACcELYbBA`
- Page: https://grabient.com/kcTwmet4Y-ssFu5eBbuaoa8tUJwbACcELYbBA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 7.9 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 | `#2a3235` | `oklch(31.10% 0.0124 222.89)` | Nightmare Fuel | white, 13 to 1 |
| 2 | `#2e373a` | `oklch(33.04% 0.0132 221.74)` | Far Away Grey | white, 12.1 to 1 |
| 3 | `#353e42` | `oklch(35.78% 0.0143 220.31)` | Mine Shaft | white, 10.9 to 1 |
| 4 | `#3c474b` | `oklch(38.99% 0.0155 218.06)` | Lights Out | white, 9.5 to 1 |
| 5 | `#445053` | `oklch(42.32% 0.0163 214.43)` | Obsidian | white, 8.2 to 1 |
| 6 | `#4d5a5c` | `oklch(45.55% 0.0166 208.84)` | Midnight in NY | white, 7.2 to 1 |
| 7 | `#566364` | `oklch(48.96% 0.0164 201.15)` | Gunmetal | white, 6.2 to 1 |
| 8 | `#606d6d` | `oklch(52.50% 0.0159 192.20)` | Wrapped in Twilight | white, 5.3 to 1 |
| 9 | `#6b7875` | `oklch(56.07% 0.0154 182.89)` | Rolling Stone | white, 4.6 to 1 |
| 10 | `#76827e` | `oklch(59.55% 0.0151 174.14)` | Enchanted Eve | black, 5.2 to 1 |
| 11 | `#818c87` | `oklch(63.07% 0.0150 165.56)` | Valley Floor | black, 6 to 1 |
| 12 | `#8d9790` | `oklch(66.63% 0.0149 156.87)` | Green Milieu | black, 6.9 to 1 |
| 13 | `#99a199` | `oklch(70.06% 0.0149 148.39)` | Native Flora | black, 7.9 to 1 |
| 14 | `#a3aba2` | `oklch(73.20% 0.0151 140.47)` | Gracious Grey | black, 8.8 to 1 |
| 15 | `#aeb4aa` | `oklch(76.19% 0.0154 132.92)` | Southern Pine | black, 9.8 to 1 |
| 16 | `#b9beb3` | `oklch(79.43% 0.0158 125.08)` | Hazel Gaze | black, 11 to 1 |
| 17 | `#c4c6bb` | `oklch(82.23% 0.0163 118.00)` | Grey Ashlar | black, 12.1 to 1 |
| 18 | `#cacbbf` | `oklch(83.85% 0.0171 112.80)` | Pale Celadon | black, 12.8 to 1 |
| 19 | `#c9cabd` | `oklch(83.52% 0.0183 110.65)` | Pale Celadon | black, 12.6 to 1 |
| 20 | `#c0c2b3` | `oklch(80.89% 0.0202 112.24)` | Light Patina | black, 11.6 to 1 |
| 21 | `#b2b5a5` | `oklch(76.71% 0.0224 116.30)` | Fennel Stem | black, 10 to 1 |
| 22 | `#a2a796` | `oklch(71.93% 0.0245 121.18)` | Sunset Meadow | black, 8.4 to 1 |
| 23 | `#939a89` | `oklch(67.48% 0.0260 125.25)` | Green Tea Leaf | black, 7.2 to 1 |
| 24 | `#868f7d` | `oklch(63.67% 0.0268 127.84)` | Tea Leaf Mouse | black, 6.2 to 1 |
| 25 | `#7a8372` | `oklch(59.87% 0.0272 130.03)` | Cactus Garden | black, 5.3 to 1 |
| 26 | `#6f7868` | `oklch(56.10% 0.0271 132.02)` | Burdock | white, 4.5 to 1 |
| 27 | `#646e5e` | `oklch(52.43% 0.0266 133.99)` | Bracken Green | white, 5.3 to 1 |
| 28 | `#5a6455` | `oklch(48.84% 0.0257 136.14)` | Wet Aloeswood | white, 6.2 to 1 |
| 29 | `#4f594c` | `oklch(45.04% 0.0238 138.58)` | Deep Sea Shadow | white, 7.3 to 1 |
| 30 | `#454e43` | `oklch(41.31% 0.0215 141.04)` | Charcoal Smoke | white, 8.6 to 1 |
| 31 | `#3d453c` | `oklch(38.09% 0.0194 143.19)` | Deep Forest | white, 9.8 to 1 |
| 32 | `#373f37` | `oklch(35.83% 0.0179 144.69)` | Roycroft Bottle Green | white, 10.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #2a3235 0.0%, #2e373a 3.2%, #353e42 6.5%, #3c474b 9.7%, #445053 12.9%, #4d5a5c 16.1%, #566364 19.4%, #606d6d 22.6%, #6b7875 25.8%, #76827e 29.0%, #818c87 32.3%, #8d9790 35.5%, #99a199 38.7%, #a3aba2 41.9%, #aeb4aa 45.2%, #b9beb3 48.4%, #c4c6bb 51.6%, #cacbbf 54.8%, #c9cabd 58.1%, #c0c2b3 61.3%, #b2b5a5 64.5%, #a2a796 67.7%, #939a89 71.0%, #868f7d 74.2%, #7a8372 77.4%, #6f7868 80.6%, #646e5e 83.9%, #5a6455 87.1%, #4f594c 90.3%, #454e43 93.5%, #3d453c 96.8%, #373f37 100.0%);
background: linear-gradient(225deg in oklch, oklch(31.10% 0.0124 222.89) 0.0%, oklch(33.04% 0.0132 221.74) 3.2%, oklch(35.78% 0.0143 220.31) 6.5%, oklch(38.99% 0.0155 218.06) 9.7%, oklch(42.32% 0.0163 214.43) 12.9%, oklch(45.55% 0.0166 208.84) 16.1%, oklch(48.96% 0.0164 201.15) 19.4%, oklch(52.50% 0.0159 192.20) 22.6%, oklch(56.07% 0.0154 182.89) 25.8%, oklch(59.55% 0.0151 174.14) 29.0%, oklch(63.07% 0.0150 165.56) 32.3%, oklch(66.63% 0.0149 156.87) 35.5%, oklch(70.06% 0.0149 148.39) 38.7%, oklch(73.20% 0.0151 140.47) 41.9%, oklch(76.19% 0.0154 132.92) 45.2%, oklch(79.43% 0.0158 125.08) 48.4%, oklch(82.23% 0.0163 118.00) 51.6%, oklch(83.85% 0.0171 112.80) 54.8%, oklch(83.52% 0.0183 110.65) 58.1%, oklch(80.89% 0.0202 112.24) 61.3%, oklch(76.71% 0.0224 116.30) 64.5%, oklch(71.93% 0.0245 121.18) 67.7%, oklch(67.48% 0.0260 125.25) 71.0%, oklch(63.67% 0.0268 127.84) 74.2%, oklch(59.87% 0.0272 130.03) 77.4%, oklch(56.10% 0.0271 132.02) 80.6%, oklch(52.43% 0.0266 133.99) 83.9%, oklch(48.84% 0.0257 136.14) 87.1%, oklch(45.04% 0.0238 138.58) 90.3%, oklch(41.31% 0.0215 141.04) 93.5%, oklch(38.09% 0.0194 143.19) 96.8%, oklch(35.83% 0.0179 144.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.012 | 222.9 |
| 2 | 0.437 | 0.017 | 212.3 |
| 3 | 0.591 | 0.015 | 175.3 |
| 4 | 0.74 | 0.015 | 138.4 |
| 5 | 0.839 | 0.018 | 110.9 |
| 6 | 0.669 | 0.026 | 125.7 |
| 7 | 0.504 | 0.026 | 135.2 |
| 8 | 0.358 | 0.018 | 144.7 |

## In these collections

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

## Other forms

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