# Gray to dark gray linear gradient

Gray to dark gray linear gradient with 48 colors: #f8f4ff, #eeebf6, #e2e0eb, #d3d3dd, #c3c4cd, #b2b4bd, #a2a5ac, #91959c, #82868c, #75797e, #696e73, #606569, #5a6064, #555c60, #535a5e, #515a5e, #505b60, #515c62, #525f65, #546269, #56666e, #596a73, #5d6d77, #60717b, #64747f, #697884, #707e8a, #788491, #818a98, #8a919e, #9298a5, #9a9eaa, #a1a3ae, #a7a6b1, #aaa8b2, #aba7b0, #a9a3ac, #a49da4, #9c949a, #938a8e, #887f81, #7d7374, #716766, #655c5a, #5a524e, #504944, #48423c, #423d37. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW9wvXPgO4MUJv_dBUgrgTOQ`
- Page: https://grabient.com/kW9wvXPgO4MUJv_dBUgrgTOQ?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 9.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 | `#f8f4ff` | `oklch(97.24% 0.0152 302.34)` | Sugar Crystal | black, 19.3 to 1 |
| 2 | `#eeebf6` | `oklch(94.67% 0.0148 298.88)` | Silver Phoenix | black, 17.9 to 1 |
| 3 | `#e2e0eb` | `oklch(91.19% 0.0143 294.24)` | Homoeopathic Lilac | black, 16.1 to 1 |
| 4 | `#d3d3dd` | `oklch(87.00% 0.0136 288.66)` | Courteous | black, 14.1 to 1 |
| 5 | `#c3c4cd` | `oklch(82.28% 0.0128 282.39)` | Flat Aluminium | black, 12.1 to 1 |
| 6 | `#b2b4bd` | `oklch(77.23% 0.0121 275.66)` | Glistening Grey | black, 10.2 to 1 |
| 7 | `#a2a5ac` | `oklch(72.04% 0.0113 268.71)` | Lionfish | black, 8.4 to 1 |
| 8 | `#91959c` | `oklch(66.88% 0.0106 261.80)` | Dusky Grouse | black, 6.9 to 1 |
| 9 | `#82868c` | `oklch(61.96% 0.0100 255.16)` | Heavy Grey | black, 5.7 to 1 |
| 10 | `#75797e` | `oklch(57.47% 0.0095 249.04)` | Liquid Mercury | black, 4.8 to 1 |
| 11 | `#696e73` | `oklch(53.58% 0.0093 243.67)` | Beautiful Darkness | white, 5.1 to 1 |
| 12 | `#606569` | `oklch(50.49% 0.0094 239.30)` | Grey Web | white, 5.8 to 1 |
| 13 | `#5a6064` | `oklch(48.38% 0.0098 236.14)` | Anchor Grey | white, 6.4 to 1 |
| 14 | `#555c60` | `oklch(47.05% 0.0106 233.69)` | City Rain | white, 6.7 to 1 |
| 15 | `#535a5e` | `oklch(46.30% 0.0119 231.69)` | Blued Steel | white, 7 to 1 |
| 16 | `#515a5e` | `oklch(46.07% 0.0134 230.15)` | Bovine | white, 7 to 1 |
| 17 | `#505b60` | `oklch(46.28% 0.0152 229.09)` | Novelty Navy | white, 7 to 1 |
| 18 | `#515c62` | `oklch(46.85% 0.0171 228.49)` | City Rain | white, 6.8 to 1 |
| 19 | `#525f65` | `oklch(47.72% 0.0191 228.39)` | Lava Rock | white, 6.5 to 1 |
| 20 | `#546269` | `oklch(48.80% 0.0210 228.78)` | Gunmetal | white, 6.2 to 1 |
| 21 | `#56666e` | `oklch(50.03% 0.0227 229.66)` | Needlepoint Navy | white, 5.9 to 1 |
| 22 | `#596a73` | `oklch(51.31% 0.0242 231.06)` | Distance | white, 5.6 to 1 |
| 23 | `#5d6d77` | `oklch(52.59% 0.0253 232.97)` | Rolling Sea | white, 5.3 to 1 |
| 24 | `#60717b` | `oklch(53.79% 0.0260 235.41)` | Desert Night | white, 5 to 1 |
| 25 | `#64747f` | `oklch(54.92% 0.0262 238.39)` | Wharf View | white, 4.8 to 1 |
| 26 | `#697884` | `oklch(56.49% 0.0259 241.97)` | Hypnotic | black, 4.6 to 1 |
| 27 | `#707e8a` | `oklch(58.47% 0.0253 246.14)` | Slate Expectations | black, 5 to 1 |
| 28 | `#788491` | `oklch(60.72% 0.0243 250.87)` | Forever Denim | black, 5.4 to 1 |
| 29 | `#818a98` | `oklch(63.12% 0.0230 256.11)` | Roman Silver | black, 6 to 1 |
| 30 | `#8a919e` | `oklch(65.55% 0.0216 261.84)` | Manatee | black, 6.6 to 1 |
| 31 | `#9298a5` | `oklch(67.87% 0.0202 268.02)` | Memorise | black, 7.2 to 1 |
| 32 | `#9a9eaa` | `oklch(69.95% 0.0187 274.62)` | Shining Knight | black, 7.8 to 1 |
| 33 | `#a1a3ae` | `oklch(71.68% 0.0172 281.60)` | Pandemonium | black, 8.3 to 1 |
| 34 | `#a7a6b1` | `oklch(72.91% 0.0159 288.94)` | Palace Walls | black, 8.7 to 1 |
| 35 | `#aaa8b2` | `oklch(73.52% 0.0148 296.60)` | Modern Lavender | black, 8.9 to 1 |
| 36 | `#aba7b0` | `oklch(73.39% 0.0139 304.54)` | Elderberry Grey | black, 8.8 to 1 |
| 37 | `#a9a3ac` | `oklch(72.36% 0.0134 313.11)` | Mysterious Mauve | black, 8.5 to 1 |
| 38 | `#a49da4` | `oklch(70.38% 0.0130 323.02)` | Silver Sconce | black, 7.9 to 1 |
| 39 | `#9c949a` | `oklch(67.63% 0.0127 334.01)` | Hidcote | black, 7.1 to 1 |
| 40 | `#938a8e` | `oklch(64.27% 0.0125 345.74)` | Shining Armour | black, 6.2 to 1 |
| 41 | `#887f81` | `oklch(60.48% 0.0124 357.90)` | Rocket Metallic | black, 5.3 to 1 |
| 42 | `#7d7374` | `oklch(56.42% 0.0123 10.17)` | Enigmatic | white, 4.6 to 1 |
| 43 | `#716766` | `oklch(52.28% 0.0123 22.22)` | Eagle Eye | white, 5.4 to 1 |
| 44 | `#655c5a` | `oklch(48.22% 0.0123 33.75)` | Solid Empire | white, 6.5 to 1 |
| 45 | `#5a524e` | `oklch(44.41% 0.0124 44.42)` | Gardener’s Soil | white, 7.6 to 1 |
| 46 | `#504944` | `oklch(41.02% 0.0124 53.91)` | Oubliette | white, 8.8 to 1 |
| 47 | `#48423c` | `oklch(38.24% 0.0124 61.91)` | Sealskin | white, 9.9 to 1 |
| 48 | `#423d37` | `oklch(36.22% 0.0124 68.10)` | Knights of the Desert | white, 10.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f8f4ff 0.0%, #eeebf6 2.1%, #e2e0eb 4.3%, #d3d3dd 6.4%, #c3c4cd 8.5%, #b2b4bd 10.6%, #a2a5ac 12.8%, #91959c 14.9%, #82868c 17.0%, #75797e 19.1%, #696e73 21.3%, #606569 23.4%, #5a6064 25.5%, #555c60 27.7%, #535a5e 29.8%, #515a5e 31.9%, #505b60 34.0%, #515c62 36.2%, #525f65 38.3%, #546269 40.4%, #56666e 42.6%, #596a73 44.7%, #5d6d77 46.8%, #60717b 48.9%, #64747f 51.1%, #697884 53.2%, #707e8a 55.3%, #788491 57.4%, #818a98 59.6%, #8a919e 61.7%, #9298a5 63.8%, #9a9eaa 66.0%, #a1a3ae 68.1%, #a7a6b1 70.2%, #aaa8b2 72.3%, #aba7b0 74.5%, #a9a3ac 76.6%, #a49da4 78.7%, #9c949a 80.9%, #938a8e 83.0%, #887f81 85.1%, #7d7374 87.2%, #716766 89.4%, #655c5a 91.5%, #5a524e 93.6%, #504944 95.7%, #48423c 97.9%, #423d37 100.0%);
background: linear-gradient(135deg in oklch, oklch(97.24% 0.0152 302.34) 0.0%, oklch(94.67% 0.0148 298.88) 2.1%, oklch(91.19% 0.0143 294.24) 4.3%, oklch(87.00% 0.0136 288.66) 6.4%, oklch(82.28% 0.0128 282.39) 8.5%, oklch(77.23% 0.0121 275.66) 10.6%, oklch(72.04% 0.0113 268.71) 12.8%, oklch(66.88% 0.0106 261.80) 14.9%, oklch(61.96% 0.0100 255.16) 17.0%, oklch(57.47% 0.0095 249.04) 19.1%, oklch(53.58% 0.0093 243.67) 21.3%, oklch(50.49% 0.0094 239.30) 23.4%, oklch(48.38% 0.0098 236.14) 25.5%, oklch(47.05% 0.0106 233.69) 27.7%, oklch(46.30% 0.0119 231.69) 29.8%, oklch(46.07% 0.0134 230.15) 31.9%, oklch(46.28% 0.0152 229.09) 34.0%, oklch(46.85% 0.0171 228.49) 36.2%, oklch(47.72% 0.0191 228.39) 38.3%, oklch(48.80% 0.0210 228.78) 40.4%, oklch(50.03% 0.0227 229.66) 42.6%, oklch(51.31% 0.0242 231.06) 44.7%, oklch(52.59% 0.0253 232.97) 46.8%, oklch(53.79% 0.0260 235.41) 48.9%, oklch(54.92% 0.0262 238.39) 51.1%, oklch(56.49% 0.0259 241.97) 53.2%, oklch(58.47% 0.0253 246.14) 55.3%, oklch(60.72% 0.0243 250.87) 57.4%, oklch(63.12% 0.0230 256.11) 59.6%, oklch(65.55% 0.0216 261.84) 61.7%, oklch(67.87% 0.0202 268.02) 63.8%, oklch(69.95% 0.0187 274.62) 66.0%, oklch(71.68% 0.0172 281.60) 68.1%, oklch(72.91% 0.0159 288.94) 70.2%, oklch(73.52% 0.0148 296.60) 72.3%, oklch(73.39% 0.0139 304.54) 74.5%, oklch(72.36% 0.0134 313.11) 76.6%, oklch(70.38% 0.0130 323.02) 78.7%, oklch(67.63% 0.0127 334.01) 80.9%, oklch(64.27% 0.0125 345.74) 83.0%, oklch(60.48% 0.0124 357.90) 85.1%, oklch(56.42% 0.0123 10.17) 87.2%, oklch(52.28% 0.0123 22.22) 89.4%, oklch(48.22% 0.0123 33.75) 91.5%, oklch(44.41% 0.0124 44.42) 93.6%, oklch(41.02% 0.0124 53.91) 95.7%, oklch(38.24% 0.0124 61.91) 97.9%, oklch(36.22% 0.0124 68.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.015 | 302.3 |
| 2 | 0.488 | 0.01 | 236.8 |
| 3 | 0.543 | 0.026 | 236.8 |
| 4 | 0.732 | 0.014 | 306.6 |
| 5 | 0.362 | 0.012 | 428.1 |

## Other forms

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