# Gray linear gradient

Gray linear gradient with 32 colors: #cdd4c9, #ccd4c8, #cbd3c7, #c9d1c6, #c8d0c4, #c6cfc3, #c4cdc1, #c3ccbf, #c1cabd, #bfc8bc, #bdc7ba, #bbc5b8, #b9c3b6, #b6c1b4, #b4bfb2, #b2bdb0, #b0bbae, #aeb9ac, #acb7aa, #a9b4a7, #a7b1a5, #a4afa2, #a1aca0, #9fa99d, #9ca79b, #9aa498, #97a196, #959f94, #939d92, #919b90, #909a8f, #8f988d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS2w1gY4hAlUHQC`
- Page: https://grabient.com/kS2w1gY4hAlUHQC?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 1.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 | `#cdd4c9` | `oklch(86.22% 0.0179 135.00)` | Celadon Glaze | black, 13.8 to 1 |
| 2 | `#ccd4c8` | `oklch(85.94% 0.0181 135.20)` | Horizon Island | black, 13.7 to 1 |
| 3 | `#cbd3c7` | `oklch(85.62% 0.0183 135.45)` | Parakeet Pete | black, 13.6 to 1 |
| 4 | `#c9d1c6` | `oklch(85.25% 0.0186 135.74)` | White Granite | black, 13.4 to 1 |
| 5 | `#c8d0c4` | `oklch(84.84% 0.0189 136.07)` | White Granite | black, 13.2 to 1 |
| 6 | `#c6cfc3` | `oklch(84.39% 0.0192 136.43)` | Silver Grass | black, 13.1 to 1 |
| 7 | `#c4cdc1` | `oklch(83.91% 0.0195 136.81)` | Gentle Calm | black, 12.8 to 1 |
| 8 | `#c3ccbf` | `oklch(83.40% 0.0199 137.20)` | Ocean Froth | black, 12.6 to 1 |
| 9 | `#c1cabd` | `oklch(82.86% 0.0202 137.61)` | Desert Panzer | black, 12.4 to 1 |
| 10 | `#bfc8bc` | `oklch(82.30% 0.0206 138.02)` | Tree Pose | black, 12.2 to 1 |
| 11 | `#bdc7ba` | `oklch(81.72% 0.0209 138.43)` | Tree Pose | black, 12 to 1 |
| 12 | `#bbc5b8` | `oklch(81.13% 0.0212 138.82)` | Breezy Day | black, 11.7 to 1 |
| 13 | `#b9c3b6` | `oklch(80.52% 0.0215 139.20)` | Recycled Glass | black, 11.5 to 1 |
| 14 | `#b6c1b4` | `oklch(79.90% 0.0217 139.55)` | Irish Moor | black, 11.2 to 1 |
| 15 | `#b4bfb2` | `oklch(79.28% 0.0219 139.88)` | Irish Moor | black, 11 to 1 |
| 16 | `#b2bdb0` | `oklch(78.66% 0.0220 140.16)` | Cottage Charm | black, 10.8 to 1 |
| 17 | `#b0bbae` | `oklch(78.03% 0.0221 140.40)` | Morning Dew | black, 10.5 to 1 |
| 18 | `#aeb9ac` | `oklch(77.33% 0.0220 140.62)` | Morning Dew | black, 10.3 to 1 |
| 19 | `#acb7aa` | `oklch(76.58% 0.0220 140.83)` | Graceful Green | black, 10 to 1 |
| 20 | `#a9b4a7` | `oklch(75.78% 0.0218 141.02)` | Forever Green | black, 9.7 to 1 |
| 21 | `#a7b1a5` | `oklch(74.95% 0.0217 141.19)` | Montezuma Hills | black, 9.4 to 1 |
| 22 | `#a4afa2` | `oklch(74.09% 0.0215 141.35)` | Moonwort | black, 9.2 to 1 |
| 23 | `#a1aca0` | `oklch(73.23% 0.0212 141.50)` | Green Balsam | black, 8.9 to 1 |
| 24 | `#9fa99d` | `oklch(72.36% 0.0210 141.64)` | Secret Retreat | black, 8.6 to 1 |
| 25 | `#9ca79b` | `oklch(71.51% 0.0207 141.76)` | Secret Retreat | black, 8.3 to 1 |
| 26 | `#9aa498` | `oklch(70.68% 0.0205 141.88)` | Nature’s Gift | black, 8.1 to 1 |
| 27 | `#97a196` | `oklch(69.89% 0.0202 141.98)` | Trellised Ivy | black, 7.8 to 1 |
| 28 | `#959f94` | `oklch(69.15% 0.0200 142.08)` | Sycamore Stand | black, 7.6 to 1 |
| 29 | `#939d92` | `oklch(68.47% 0.0198 142.17)` | Acacia Haze | black, 7.4 to 1 |
| 30 | `#919b90` | `oklch(67.87% 0.0196 142.25)` | Ceremonial Grey | black, 7.3 to 1 |
| 31 | `#909a8f` | `oklch(67.35% 0.0194 142.33)` | Ceremonial Grey | black, 7.1 to 1 |
| 32 | `#8f988d` | `oklch(66.93% 0.0193 142.40)` | Ceremonial Grey | black, 7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cdd4c9 0.0%, #ccd4c8 3.2%, #cbd3c7 6.5%, #c9d1c6 9.7%, #c8d0c4 12.9%, #c6cfc3 16.1%, #c4cdc1 19.4%, #c3ccbf 22.6%, #c1cabd 25.8%, #bfc8bc 29.0%, #bdc7ba 32.3%, #bbc5b8 35.5%, #b9c3b6 38.7%, #b6c1b4 41.9%, #b4bfb2 45.2%, #b2bdb0 48.4%, #b0bbae 51.6%, #aeb9ac 54.8%, #acb7aa 58.1%, #a9b4a7 61.3%, #a7b1a5 64.5%, #a4afa2 67.7%, #a1aca0 71.0%, #9fa99d 74.2%, #9ca79b 77.4%, #9aa498 80.6%, #97a196 83.9%, #959f94 87.1%, #939d92 90.3%, #919b90 93.5%, #909a8f 96.8%, #8f988d 100.0%);
background: linear-gradient(135deg in oklch, oklch(86.22% 0.0179 135.00) 0.0%, oklch(85.94% 0.0181 135.20) 3.2%, oklch(85.62% 0.0183 135.45) 6.5%, oklch(85.25% 0.0186 135.74) 9.7%, oklch(84.84% 0.0189 136.07) 12.9%, oklch(84.39% 0.0192 136.43) 16.1%, oklch(83.91% 0.0195 136.81) 19.4%, oklch(83.40% 0.0199 137.20) 22.6%, oklch(82.86% 0.0202 137.61) 25.8%, oklch(82.30% 0.0206 138.02) 29.0%, oklch(81.72% 0.0209 138.43) 32.3%, oklch(81.13% 0.0212 138.82) 35.5%, oklch(80.52% 0.0215 139.20) 38.7%, oklch(79.90% 0.0217 139.55) 41.9%, oklch(79.28% 0.0219 139.88) 45.2%, oklch(78.66% 0.0220 140.16) 48.4%, oklch(78.03% 0.0221 140.40) 51.6%, oklch(77.33% 0.0220 140.62) 54.8%, oklch(76.58% 0.0220 140.83) 58.1%, oklch(75.78% 0.0218 141.02) 61.3%, oklch(74.95% 0.0217 141.19) 64.5%, oklch(74.09% 0.0215 141.35) 67.7%, oklch(73.23% 0.0212 141.50) 71.0%, oklch(72.36% 0.0210 141.64) 74.2%, oklch(71.51% 0.0207 141.76) 77.4%, oklch(70.68% 0.0205 141.88) 80.6%, oklch(69.89% 0.0202 141.98) 83.9%, oklch(69.15% 0.0200 142.08) 87.1%, oklch(68.47% 0.0198 142.17) 90.3%, oklch(67.87% 0.0196 142.25) 93.5%, oklch(67.35% 0.0194 142.33) 96.8%, oklch(66.93% 0.0193 142.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.018 | 135 |
| 2 | 0.783 | 0.022 | 140.3 |
| 3 | 0.669 | 0.019 | 142.4 |

## In these collections

- [Muted gradients](https://grabient.com/muted-gradients)
- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)

## Other forms

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