# Gray and black linear swatches

Gray and black linear swatches 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?style=linearSwatches&steps=64&angle=225
- Drawn as: linear swatches, 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.000% 1.563%, #dbe0e2 1.563% 3.125%, #d8dddf 3.125% 4.688%, #d4d9db 4.688% 6.250%, #cfd5d7 6.250% 7.813%, #cad0d3 7.813% 9.375%, #c5ccce 9.375% 10.938%, #bfc7c9 10.938% 12.500%, #bac1c4 12.500% 14.063%, #b4bcbf 14.063% 15.625%, #adb6ba 15.625% 17.188%, #a7b0b4 17.188% 18.750%, #a1aaae 18.750% 20.313%, #9aa4a8 20.313% 21.875%, #949ea3 21.875% 23.438%, #8d989d 23.438% 25.000%, #869297 25.000% 26.563%, #808c91 26.563% 28.125%, #79868b 28.125% 29.688%, #738085 29.688% 31.250%, #6d7a80 31.250% 32.813%, #66747a 32.813% 34.375%, #616e75 34.375% 35.938%, #5b696f 35.938% 37.500%, #55646a 37.500% 39.063%, #505f65 39.063% 40.625%, #4b5a61 40.625% 42.188%, #47555c 42.188% 43.750%, #435158 43.750% 45.313%, #3f4d54 45.313% 46.875%, #3b4951 46.875% 48.438%, #38464d 48.438% 50.000%, #35434a 50.000% 51.563%, #334047 51.563% 53.125%, #303d45 53.125% 54.688%, #2e3a42 54.688% 56.250%, #2c3840 56.250% 57.813%, #2a353d 57.813% 59.375%, #29333b 59.375% 60.938%, #273139 60.938% 62.500%, #262f37 62.500% 64.063%, #252d35 64.063% 65.625%, #242b33 65.625% 67.188%, #232931 67.188% 68.750%, #22282f 68.750% 70.313%, #21262d 70.313% 71.875%, #20252b 71.875% 73.438%, #20242a 73.438% 75.000%, #1f2228 75.000% 76.563%, #1e2127 76.563% 78.125%, #1e2025 78.125% 79.688%, #1d1f24 79.688% 81.250%, #1c1e22 81.250% 82.813%, #1c1d21 82.813% 84.375%, #1b1c20 84.375% 85.938%, #1b1b1f 85.938% 87.500%, #1a1b1d 87.500% 89.063%, #1a1a1c 89.063% 90.625%, #19191b 90.625% 92.188%, #18191a 92.188% 93.750%, #181819 93.750% 95.313%, #171718 95.313% 96.875%, #171718 96.875% 98.438%, #161617 98.438% 100.000%);
background: linear-gradient(225deg, oklch(91.34% 0.0055 223.59) 0.000% 1.563%, oklch(90.42% 0.0058 223.73) 1.563% 3.125%, oklch(89.36% 0.0062 223.85) 3.125% 4.688%, oklch(88.18% 0.0066 223.95) 4.688% 6.250%, oklch(86.88% 0.0071 224.04) 6.250% 7.813%, oklch(85.47% 0.0076 224.11) 7.813% 9.375%, oklch(83.96% 0.0082 224.18) 9.375% 10.938%, oklch(82.35% 0.0088 224.24) 10.938% 12.500%, oklch(80.66% 0.0094 224.29) 12.500% 14.063%, oklch(78.90% 0.0101 224.35) 14.063% 15.625%, oklch(77.07% 0.0108 224.42) 15.625% 17.188%, oklch(75.18% 0.0115 224.49) 17.188% 18.750%, oklch(73.24% 0.0123 224.58) 18.750% 20.313%, oklch(71.26% 0.0130 224.67) 20.313% 21.875%, oklch(69.25% 0.0138 224.79) 21.875% 23.438%, oklch(67.21% 0.0145 224.93) 23.438% 25.000%, oklch(65.16% 0.0153 225.09) 25.000% 26.563%, oklch(63.10% 0.0160 225.28) 26.563% 28.125%, oklch(61.05% 0.0167 225.50) 28.125% 29.688%, oklch(59.00% 0.0174 225.75) 29.688% 31.250%, oklch(56.97% 0.0180 226.04) 31.250% 32.813%, oklch(54.97% 0.0187 226.37) 32.813% 34.375%, oklch(53.01% 0.0193 226.75) 34.375% 35.938%, oklch(51.09% 0.0198 227.17) 35.938% 37.500%, oklch(49.22% 0.0203 227.64) 37.500% 39.063%, oklch(47.42% 0.0208 228.17) 39.063% 40.625%, oklch(45.69% 0.0212 228.75) 40.625% 42.188%, oklch(44.03% 0.0215 229.39) 42.188% 43.750%, oklch(42.47% 0.0218 230.09) 43.750% 45.313%, oklch(41.00% 0.0219 230.86) 45.313% 46.875%, oklch(39.63% 0.0220 231.71) 46.875% 48.438%, oklch(38.38% 0.0221 232.62) 48.438% 50.000%, oklch(37.24% 0.0220 233.62) 50.000% 51.563%, oklch(36.16% 0.0218 234.74) 51.563% 53.125%, oklch(35.13% 0.0216 235.99) 53.125% 54.688%, oklch(34.16% 0.0213 237.36) 54.688% 56.250%, oklch(33.23% 0.0209 238.84) 56.250% 57.813%, oklch(32.35% 0.0204 240.42) 57.813% 59.375%, oklch(31.51% 0.0199 242.08) 59.375% 60.938%, oklch(30.72% 0.0193 243.83) 60.938% 62.500%, oklch(29.97% 0.0186 245.65) 62.500% 64.063%, oklch(29.25% 0.0179 247.53) 64.063% 65.625%, oklch(28.58% 0.0171 249.46) 65.625% 67.188%, oklch(27.94% 0.0164 251.44) 67.188% 68.750%, oklch(27.34% 0.0155 253.45) 68.750% 70.313%, oklch(26.77% 0.0147 255.49) 70.313% 71.875%, oklch(26.23% 0.0138 257.54) 71.875% 73.438%, oklch(25.71% 0.0130 259.60) 73.438% 75.000%, oklch(25.23% 0.0121 261.66) 75.000% 76.563%, oklch(24.77% 0.0112 263.71) 76.563% 78.125%, oklch(24.34% 0.0103 265.73) 78.125% 79.688%, oklch(23.93% 0.0094 267.72) 79.688% 81.250%, oklch(23.53% 0.0085 269.68) 81.250% 82.813%, oklch(23.16% 0.0077 271.59) 82.813% 84.375%, oklch(22.80% 0.0069 273.43) 84.375% 85.938%, oklch(22.46% 0.0061 275.21) 85.938% 87.500%, oklch(22.14% 0.0053 276.92) 87.500% 89.063%, oklch(21.82% 0.0046 278.54) 89.063% 90.625%, oklch(21.52% 0.0039 280.06) 90.625% 92.188%, oklch(21.22% 0.0033 281.48) 92.188% 93.750%, oklch(20.93% 0.0027 282.79) 93.750% 95.313%, oklch(20.64% 0.0022 283.98) 95.313% 96.875%, oklch(20.36% 0.0017 285.03) 96.875% 98.438%, oklch(20.08% 0.0014 285.94) 98.438% 100.000%);
```

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