# Gray to black linear gradient

Gray to black linear gradient with 64 colors: #dfe3e5, #dbe0e2, #d8dddf, #d4d9db, #cfd5d7, #cad0d3, #c5ccce, #bfc7c9, #bac1c4, #b4bcbf, #adb6ba, #a7b0b4, #a1aaae, #9aa4a8, #949ea3, #8d989d, #869297, #808c91, #79868b, #738085, #6d7a80, #66747a, #616e75, #5b696f, #55646a, #505f65, #4b5a61, #47555c, #435158, #3f4d54, #3b4951, #38464d, #35434a, #334047, #303d45, #2e3a42, #2c3840, #2a353d, #29333b, #273139, #262f37, #252d35, #242b33, #232931, #22282f, #21262d, #20252b, #20242a, #1f2228, #1e2127, #1e2025, #1d1f24, #1c1e22, #1c1d21, #1b1c20, #1b1b1f, #1a1b1d, #1a1a1c, #19191b, #18191a, #181819, #171718, #171718, #161617. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS6ASfMAhBBmAxi`
- Page: https://grabient.com/kS6ASfMAhBBmAxi?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light to dark, neutral, dark
- Hues: achromatic
- Contrast of its darkest and lightest colors: 13.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 | `#dfe3e5` | `oklch(91.34% 0.0055 223.59)` | Mauve White | black, 16.2 to 1 |
| 2 | `#dbe0e2` | `oklch(90.42% 0.0058 223.73)` | Drifting Cloud | black, 15.8 to 1 |
| 3 | `#d8dddf` | `oklch(89.36% 0.0062 223.85)` | Spring Thaw | black, 15.2 to 1 |
| 4 | `#d4d9db` | `oklch(88.18% 0.0066 223.95)` | Aluminium Foil | black, 14.7 to 1 |
| 5 | `#cfd5d7` | `oklch(86.88% 0.0071 224.04)` | Veiled Spotlight | black, 14.1 to 1 |
| 6 | `#cad0d3` | `oklch(85.47% 0.0076 224.11)` | Callisto | black, 13.5 to 1 |
| 7 | `#c5ccce` | `oklch(83.96% 0.0082 224.18)` | Where There Is Smoke | black, 12.8 to 1 |
| 8 | `#bfc7c9` | `oklch(82.35% 0.0088 224.24)` | Gris Náutico | black, 12.1 to 1 |
| 9 | `#bac1c4` | `oklch(80.66% 0.0094 224.29)` | Distant Star | black, 11.5 to 1 |
| 10 | `#b4bcbf` | `oklch(78.90% 0.0101 224.35)` | Crestline | black, 10.8 to 1 |
| 11 | `#adb6ba` | `oklch(77.07% 0.0108 224.42)` | Smoke Cloud | black, 10.1 to 1 |
| 12 | `#a7b0b4` | `oklch(75.18% 0.0115 224.49)` | Brilliant Silver | black, 9.5 to 1 |
| 13 | `#a1aaae` | `oklch(73.24% 0.0123 224.58)` | Heavy Blue Grey | black, 8.8 to 1 |
| 14 | `#9aa4a8` | `oklch(71.26% 0.0130 224.67)` | Rainmaster | black, 8.2 to 1 |
| 15 | `#949ea3` | `oklch(69.25% 0.0138 224.79)` | Soft Pumice | black, 7.6 to 1 |
| 16 | `#8d989d` | `oklch(67.21% 0.0145 224.93)` | By the Sea | black, 7.1 to 1 |
| 17 | `#869297` | `oklch(65.16% 0.0153 225.09)` | Carrier Pigeon Blue | black, 6.5 to 1 |
| 18 | `#808c91` | `oklch(63.10% 0.0160 225.28)` | Necron Compound | black, 6 to 1 |
| 19 | `#79868b` | `oklch(61.05% 0.0167 225.50)` | Garrison Grey | black, 5.5 to 1 |
| 20 | `#738085` | `oklch(59.00% 0.0174 225.75)` | Courtyard Blue | black, 5.1 to 1 |
| 21 | `#6d7a80` | `oklch(56.97% 0.0180 226.04)` | Iron Frost | black, 4.7 to 1 |
| 22 | `#66747a` | `oklch(54.97% 0.0187 226.37)` | Rain Shadow | white, 4.8 to 1 |
| 23 | `#616e75` | `oklch(53.01% 0.0193 226.75)` | Slate Tile | white, 5.2 to 1 |
| 24 | `#5b696f` | `oklch(51.09% 0.0198 227.17)` | Made of Steel | white, 5.6 to 1 |
| 25 | `#55646a` | `oklch(49.22% 0.0203 227.64)` | Plot Twist | white, 6.1 to 1 |
| 26 | `#505f65` | `oklch(47.42% 0.0208 228.17)` | Lava Rock | white, 6.6 to 1 |
| 27 | `#4b5a61` | `oklch(45.69% 0.0212 228.75)` | Fiord | white, 7.1 to 1 |
| 28 | `#47555c` | `oklch(44.03% 0.0215 229.39)` | Moody Black | white, 7.7 to 1 |
| 29 | `#435158` | `oklch(42.47% 0.0218 230.09)` | High Salute | white, 8.2 to 1 |
| 30 | `#3f4d54` | `oklch(41.00% 0.0219 230.86)` | Kimono Grey | white, 8.7 to 1 |
| 31 | `#3b4951` | `oklch(39.63% 0.0220 231.71)` | Midnight Hour | white, 9.2 to 1 |
| 32 | `#38464d` | `oklch(38.38% 0.0221 232.62)` | Gale Force | white, 9.8 to 1 |
| 33 | `#35434a` | `oklch(37.24% 0.0220 233.62)` | Cool Operator’s Overalls | white, 10.2 to 1 |
| 34 | `#334047` | `oklch(36.16% 0.0218 234.74)` | Big Stone | white, 10.7 to 1 |
| 35 | `#303d45` | `oklch(35.13% 0.0216 235.99)` | Pitch Cobalt | white, 11.1 to 1 |
| 36 | `#2e3a42` | `oklch(34.16% 0.0213 237.36)` | Tempest in a Teapot | white, 11.6 to 1 |
| 37 | `#2c3840` | `oklch(33.23% 0.0209 238.84)` | Electromagnetic | white, 12 to 1 |
| 38 | `#2a353d` | `oklch(32.35% 0.0204 240.42)` | Dracula Orchid | white, 12.4 to 1 |
| 39 | `#29333b` | `oklch(31.51% 0.0199 242.08)` | Dracula Orchid | white, 12.8 to 1 |
| 40 | `#273139` | `oklch(30.72% 0.0193 243.83)` | Chimney Sweep | white, 13.2 to 1 |
| 41 | `#262f37` | `oklch(29.97% 0.0186 245.65)` | Chimney Sweep | white, 13.6 to 1 |
| 42 | `#252d35` | `oklch(29.25% 0.0179 247.53)` | Freinacht Black | white, 13.9 to 1 |
| 43 | `#242b33` | `oklch(28.58% 0.0171 249.46)` | Sky Captain | white, 14.2 to 1 |
| 44 | `#232931` | `oklch(27.94% 0.0164 251.44)` | Infinity | white, 14.6 to 1 |
| 45 | `#22282f` | `oklch(27.34% 0.0155 253.45)` | Infinity | white, 14.8 to 1 |
| 46 | `#21262d` | `oklch(26.77% 0.0147 255.49)` | Black Beauty | white, 15.1 to 1 |
| 47 | `#20252b` | `oklch(26.23% 0.0138 257.54)` | Washed Black | white, 15.4 to 1 |
| 48 | `#20242a` | `oklch(25.71% 0.0130 259.60)` | Dark Gunmetal | white, 15.6 to 1 |
| 49 | `#1f2228` | `oklch(25.23% 0.0121 261.66)` | Noble Black | white, 15.8 to 1 |
| 50 | `#1e2127` | `oklch(24.77% 0.0112 263.71)` | Noble Black | white, 16.1 to 1 |
| 51 | `#1e2025` | `oklch(24.34% 0.0103 265.73)` | Noble Black | white, 16.3 to 1 |
| 52 | `#1d1f24` | `oklch(23.93% 0.0094 267.72)` | Inkwell Inception | white, 16.4 to 1 |
| 53 | `#1c1e22` | `oklch(23.53% 0.0085 269.68)` | Satin Deep Black | white, 16.6 to 1 |
| 54 | `#1c1d21` | `oklch(23.16% 0.0077 271.59)` | Satin Deep Black | white, 16.8 to 1 |
| 55 | `#1b1c20` | `oklch(22.80% 0.0069 273.43)` | Satin Deep Black | white, 16.9 to 1 |
| 56 | `#1b1b1f` | `oklch(22.46% 0.0061 275.21)` | Gluon Grey | white, 17.1 to 1 |
| 57 | `#1a1b1d` | `oklch(22.14% 0.0053 276.92)` | Gluon Grey | white, 17.2 to 1 |
| 58 | `#1a1a1c` | `oklch(21.82% 0.0046 278.54)` | Gluon Grey | white, 17.3 to 1 |
| 59 | `#19191b` | `oklch(21.52% 0.0039 280.06)` | Aswad Black | white, 17.5 to 1 |
| 60 | `#18191a` | `oklch(21.22% 0.0033 281.48)` | Thamar Black | white, 17.6 to 1 |
| 61 | `#181819` | `oklch(20.93% 0.0027 282.79)` | Thamar Black | white, 17.7 to 1 |
| 62 | `#171718` | `oklch(20.64% 0.0022 283.98)` | Dark Moon | white, 17.8 to 1 |
| 63 | `#171718` | `oklch(20.36% 0.0017 285.03)` | Dark Moon | white, 17.9 to 1 |
| 64 | `#161617` | `oklch(20.08% 0.0014 285.94)` | Pot Black | white, 18 to 1 |

## CSS

```css
background: linear-gradient(225deg, #dfe3e5 0.0%, #dbe0e2 1.6%, #d8dddf 3.2%, #d4d9db 4.8%, #cfd5d7 6.3%, #cad0d3 7.9%, #c5ccce 9.5%, #bfc7c9 11.1%, #bac1c4 12.7%, #b4bcbf 14.3%, #adb6ba 15.9%, #a7b0b4 17.5%, #a1aaae 19.0%, #9aa4a8 20.6%, #949ea3 22.2%, #8d989d 23.8%, #869297 25.4%, #808c91 27.0%, #79868b 28.6%, #738085 30.2%, #6d7a80 31.7%, #66747a 33.3%, #616e75 34.9%, #5b696f 36.5%, #55646a 38.1%, #505f65 39.7%, #4b5a61 41.3%, #47555c 42.9%, #435158 44.4%, #3f4d54 46.0%, #3b4951 47.6%, #38464d 49.2%, #35434a 50.8%, #334047 52.4%, #303d45 54.0%, #2e3a42 55.6%, #2c3840 57.1%, #2a353d 58.7%, #29333b 60.3%, #273139 61.9%, #262f37 63.5%, #252d35 65.1%, #242b33 66.7%, #232931 68.3%, #22282f 69.8%, #21262d 71.4%, #20252b 73.0%, #20242a 74.6%, #1f2228 76.2%, #1e2127 77.8%, #1e2025 79.4%, #1d1f24 81.0%, #1c1e22 82.5%, #1c1d21 84.1%, #1b1c20 85.7%, #1b1b1f 87.3%, #1a1b1d 88.9%, #1a1a1c 90.5%, #19191b 92.1%, #18191a 93.7%, #181819 95.2%, #171718 96.8%, #171718 98.4%, #161617 100.0%);
background: linear-gradient(225deg in oklch, oklch(91.34% 0.0055 223.59) 0.0%, oklch(90.42% 0.0058 223.73) 1.6%, oklch(89.36% 0.0062 223.85) 3.2%, oklch(88.18% 0.0066 223.95) 4.8%, oklch(86.88% 0.0071 224.04) 6.3%, oklch(85.47% 0.0076 224.11) 7.9%, oklch(83.96% 0.0082 224.18) 9.5%, oklch(82.35% 0.0088 224.24) 11.1%, oklch(80.66% 0.0094 224.29) 12.7%, oklch(78.90% 0.0101 224.35) 14.3%, oklch(77.07% 0.0108 224.42) 15.9%, oklch(75.18% 0.0115 224.49) 17.5%, oklch(73.24% 0.0123 224.58) 19.0%, oklch(71.26% 0.0130 224.67) 20.6%, oklch(69.25% 0.0138 224.79) 22.2%, oklch(67.21% 0.0145 224.93) 23.8%, oklch(65.16% 0.0153 225.09) 25.4%, oklch(63.10% 0.0160 225.28) 27.0%, oklch(61.05% 0.0167 225.50) 28.6%, oklch(59.00% 0.0174 225.75) 30.2%, oklch(56.97% 0.0180 226.04) 31.7%, oklch(54.97% 0.0187 226.37) 33.3%, oklch(53.01% 0.0193 226.75) 34.9%, oklch(51.09% 0.0198 227.17) 36.5%, oklch(49.22% 0.0203 227.64) 38.1%, oklch(47.42% 0.0208 228.17) 39.7%, oklch(45.69% 0.0212 228.75) 41.3%, oklch(44.03% 0.0215 229.39) 42.9%, oklch(42.47% 0.0218 230.09) 44.4%, oklch(41.00% 0.0219 230.86) 46.0%, oklch(39.63% 0.0220 231.71) 47.6%, oklch(38.38% 0.0221 232.62) 49.2%, oklch(37.24% 0.0220 233.62) 50.8%, oklch(36.16% 0.0218 234.74) 52.4%, oklch(35.13% 0.0216 235.99) 54.0%, oklch(34.16% 0.0213 237.36) 55.6%, oklch(33.23% 0.0209 238.84) 57.1%, oklch(32.35% 0.0204 240.42) 58.7%, oklch(31.51% 0.0199 242.08) 60.3%, oklch(30.72% 0.0193 243.83) 61.9%, oklch(29.97% 0.0186 245.65) 63.5%, oklch(29.25% 0.0179 247.53) 65.1%, oklch(28.58% 0.0171 249.46) 66.7%, oklch(27.94% 0.0164 251.44) 68.3%, oklch(27.34% 0.0155 253.45) 69.8%, oklch(26.77% 0.0147 255.49) 71.4%, oklch(26.23% 0.0138 257.54) 73.0%, oklch(25.71% 0.0130 259.60) 74.6%, oklch(25.23% 0.0121 261.66) 76.2%, oklch(24.77% 0.0112 263.71) 77.8%, oklch(24.34% 0.0103 265.73) 79.4%, oklch(23.93% 0.0094 267.72) 81.0%, oklch(23.53% 0.0085 269.68) 82.5%, oklch(23.16% 0.0077 271.59) 84.1%, oklch(22.80% 0.0069 273.43) 85.7%, oklch(22.46% 0.0061 275.21) 87.3%, oklch(22.14% 0.0053 276.92) 88.9%, oklch(21.82% 0.0046 278.54) 90.5%, oklch(21.52% 0.0039 280.06) 92.1%, oklch(21.22% 0.0033 281.48) 93.7%, oklch(20.93% 0.0027 282.79) 95.2%, oklch(20.64% 0.0022 283.98) 96.8%, oklch(20.36% 0.0017 285.03) 98.4%, oklch(20.08% 0.0014 285.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.006 | 223.6 |
| 2 | 0.378 | 0.022 | 233.1 |
| 3 | 0.201 | 0.001 | 285.9 |

## In these collections

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

## Other forms

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