# Slate mist crosses midnight

Gray and black linear gradient with 64 colors: #6b7d85, #6d7f87, #6f818a, #72838d, #768691, #7a8995, #7f8d99, #83909e, #8894a2, #8d97a6, #919aa9, #949cac, #979eae, #9a9fb0, #9b9fb0, #9b9fb0, #999dae, #979bab, #9297a7, #8d92a3, #878d9d, #808797, #798090, #717a89, #6a7382, #626c7a, #5a6573, #535f6c, #4c5865, #46535f, #404d59, #3c4954, #38454f, #34414b, #303c46, #2d3841, #29333c, #262f37, #222b33, #20272e, #1d242a, #1b2127, #1a1f25, #191d23, #191d22, #1a1d22, #1c1f23, #1f2125, #232629, #292c2f, #313437, #3a3d40, #45484b, #515457, #5f6264, #6d7072, #7b7e80, #898d8f, #989b9d, #a5a9aa, #b2b6b7, #bec1c2, #c7cbcc, #cfd2d3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray and black linear gradient
- Seed: `kWkxKhWQlFrGJPCgA0FbYG7A`
- Page: https://grabient.com/kWkxKhWQlFrGJPCgA0FbYG7A?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: dark center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 11.1 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 | `#6b7d85` | `oklch(57.87% 0.0248 226.41)` | Astronomicon Grey | black, 4.9 to 1 |
| 2 | `#6d7f87` | `oklch(58.39% 0.0248 228.29)` | Taliesin Blue | black, 5 to 1 |
| 3 | `#6f818a` | `oklch(59.14% 0.0248 230.79)` | Atlantic Shoreline | black, 5.1 to 1 |
| 4 | `#72838d` | `oklch(60.07% 0.0248 233.81)` | Blustery Sky | black, 5.3 to 1 |
| 5 | `#768691` | `oklch(61.15% 0.0248 237.25)` | Forever Denim | black, 5.6 to 1 |
| 6 | `#7a8995` | `oklch(62.34% 0.0248 241.01)` | Spartan Blue | black, 5.8 to 1 |
| 7 | `#7f8d99` | `oklch(63.58% 0.0248 244.98)` | Denim Drift | black, 6.1 to 1 |
| 8 | `#83909e` | `oklch(64.84% 0.0248 249.08)` | Diopside Blue | black, 6.4 to 1 |
| 9 | `#8894a2` | `oklch(66.07% 0.0248 253.21)` | Ozone | black, 6.7 to 1 |
| 10 | `#8d97a6` | `oklch(67.24% 0.0248 257.25)` | Trance | black, 7 to 1 |
| 11 | `#919aa9` | `oklch(68.29% 0.0248 261.12)` | Ornamental Silver | black, 7.3 to 1 |
| 12 | `#949cac` | `oklch(69.20% 0.0248 264.72)` | Blue Heeler | black, 7.6 to 1 |
| 13 | `#979eae` | `oklch(69.90% 0.0248 267.94)` | Screen Test | black, 7.8 to 1 |
| 14 | `#9a9fb0` | `oklch(70.37% 0.0248 270.69)` | Moonlight Stroll | black, 7.9 to 1 |
| 15 | `#9b9fb0` | `oklch(70.56% 0.0248 272.87)` | Moonlight Stroll | black, 8 to 1 |
| 16 | `#9b9fb0` | `oklch(70.42% 0.0248 274.38)` | Moonlight Stroll | black, 7.9 to 1 |
| 17 | `#999dae` | `oklch(69.92% 0.0248 275.13)` | Screen Test | black, 7.8 to 1 |
| 18 | `#979bab` | `oklch(69.02% 0.0249 275.08)` | Bright Manatee | black, 7.5 to 1 |
| 19 | `#9297a7` | `oklch(67.76% 0.0249 274.32)` | Memorise | black, 7.2 to 1 |
| 20 | `#8d92a3` | `oklch(66.18% 0.0251 272.96)` | Manatee | black, 6.7 to 1 |
| 21 | `#878d9d` | `oklch(64.34% 0.0252 271.09)` | Applause Please | black, 6.3 to 1 |
| 22 | `#808797` | `oklch(62.28% 0.0254 268.79)` | Salon Bleu | black, 5.8 to 1 |
| 23 | `#798090` | `oklch(60.04% 0.0256 266.18)` | Majestic Mount | black, 5.3 to 1 |
| 24 | `#717a89` | `oklch(57.67% 0.0257 263.33)` | Abandoned Spaceship | black, 4.8 to 1 |
| 25 | `#6a7382` | `oklch(55.23% 0.0259 260.35)` | Encore | white, 4.8 to 1 |
| 26 | `#626c7a` | `oklch(52.75% 0.0260 257.33)` | Ashen Whisper | white, 5.3 to 1 |
| 27 | `#5a6573` | `oklch(50.27% 0.0260 254.37)` | Fuel Town | white, 5.9 to 1 |
| 28 | `#535f6c` | `oklch(47.86% 0.0260 251.56)` | Blue Planet | white, 6.5 to 1 |
| 29 | `#4c5865` | `oklch(45.56% 0.0259 248.99)` | Rogue Blue | white, 7.2 to 1 |
| 30 | `#46535f` | `oklch(43.40% 0.0257 246.76)` | Night Tide | white, 7.9 to 1 |
| 31 | `#404d59` | `oklch(41.44% 0.0254 244.97)` | Presidential | white, 8.6 to 1 |
| 32 | `#3c4954` | `oklch(39.73% 0.0250 243.72)` | New Navy Blue | white, 9.2 to 1 |
| 33 | `#38454f` | `oklch(38.24% 0.0245 243.06)` | Azul Petróleo | white, 9.8 to 1 |
| 34 | `#34414b` | `oklch(36.68% 0.0238 242.95)` | Big Stone | white, 10.5 to 1 |
| 35 | `#303c46` | `oklch(35.02% 0.0230 243.29)` | Pitch Cobalt | white, 11.2 to 1 |
| 36 | `#2d3841` | `oklch(33.31% 0.0220 244.00)` | Electromagnetic | white, 12 to 1 |
| 37 | `#29333c` | `oklch(31.60% 0.0209 245.02)` | Anchors Aweigh | white, 12.8 to 1 |
| 38 | `#262f37` | `oklch(29.92% 0.0198 246.27)` | Chimney Sweep | white, 13.6 to 1 |
| 39 | `#222b33` | `oklch(28.32% 0.0185 247.67)` | Sky Captain | white, 14.4 to 1 |
| 40 | `#20272e` | `oklch(26.84% 0.0173 249.16)` | Black Pearl | white, 15.1 to 1 |
| 41 | `#1d242a` | `oklch(25.53% 0.0160 250.65)` | Washed Black | white, 15.7 to 1 |
| 42 | `#1b2127` | `oklch(24.44% 0.0147 252.08)` | Noble Black | white, 16.2 to 1 |
| 43 | `#1a1f25` | `oklch(23.61% 0.0135 253.37)` | Satin Deep Black | white, 16.6 to 1 |
| 44 | `#191d23` | `oklch(23.07% 0.0123 254.45)` | Satin Deep Black | white, 16.8 to 1 |
| 45 | `#191d22` | `oklch(22.89% 0.0112 255.24)` | Satin Deep Black | white, 16.9 to 1 |
| 46 | `#1a1d22` | `oklch(23.09% 0.0101 255.67)` | Satin Deep Black | white, 16.8 to 1 |
| 47 | `#1c1f23` | `oklch(23.72% 0.0092 255.67)` | Satin Deep Black | white, 16.5 to 1 |
| 48 | `#1f2125` | `oklch(24.84% 0.0084 255.15)` | Noble Black | white, 16 to 1 |
| 49 | `#232629` | `oklch(26.55% 0.0078 254.07)` | Black Beauty | white, 15.2 to 1 |
| 50 | `#292c2f` | `oklch(29.03% 0.0072 252.45)` | Bunker | white, 14 to 1 |
| 51 | `#313437` | `oklch(32.17% 0.0068 250.37)` | Ebony Clay | white, 12.5 to 1 |
| 52 | `#3a3d40` | `oklch(35.87% 0.0063 247.89)` | Detective Thriller | white, 10.9 to 1 |
| 53 | `#45484b` | `oklch(40.04% 0.0060 245.09)` | Winter Coat | white, 9.1 to 1 |
| 54 | `#515457` | `oklch(44.55% 0.0057 242.04)` | Orion Grey | white, 7.5 to 1 |
| 55 | `#5f6264` | `oklch(49.32% 0.0054 238.81)` | Carriage Wheel | white, 6.1 to 1 |
| 56 | `#6d7072` | `oklch(54.23% 0.0052 235.48)` | High-Speed Steel | white, 5 to 1 |
| 57 | `#7b7e80` | `oklch(59.18% 0.0050 232.11)` | Cowboy Spur | black, 5.1 to 1 |
| 58 | `#898d8f` | `oklch(64.07% 0.0048 228.79)` | Leadbelcher Metal | black, 6.2 to 1 |
| 59 | `#989b9d` | `oklch(68.79% 0.0047 225.58)` | Harrison Grey | black, 7.5 to 1 |
| 60 | `#a5a9aa` | `oklch(73.24% 0.0046 222.55)` | Gris | black, 8.8 to 1 |
| 61 | `#b2b6b7` | `oklch(77.31% 0.0045 219.78)` | Wolfram | black, 10.2 to 1 |
| 62 | `#bec1c2` | `oklch(80.90% 0.0044 217.34)` | Lazy Grey | black, 11.6 to 1 |
| 63 | `#c7cbcc` | `oklch(83.90% 0.0043 215.29)` | Porpoise Fin | black, 12.8 to 1 |
| 64 | `#cfd2d3` | `oklch(86.22% 0.0041 213.72)` | Fragile Blue | black, 13.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #6b7d85 0.0%, #6d7f87 1.6%, #6f818a 3.2%, #72838d 4.8%, #768691 6.3%, #7a8995 7.9%, #7f8d99 9.5%, #83909e 11.1%, #8894a2 12.7%, #8d97a6 14.3%, #919aa9 15.9%, #949cac 17.5%, #979eae 19.0%, #9a9fb0 20.6%, #9b9fb0 22.2%, #9b9fb0 23.8%, #999dae 25.4%, #979bab 27.0%, #9297a7 28.6%, #8d92a3 30.2%, #878d9d 31.7%, #808797 33.3%, #798090 34.9%, #717a89 36.5%, #6a7382 38.1%, #626c7a 39.7%, #5a6573 41.3%, #535f6c 42.9%, #4c5865 44.4%, #46535f 46.0%, #404d59 47.6%, #3c4954 49.2%, #38454f 50.8%, #34414b 52.4%, #303c46 54.0%, #2d3841 55.6%, #29333c 57.1%, #262f37 58.7%, #222b33 60.3%, #20272e 61.9%, #1d242a 63.5%, #1b2127 65.1%, #1a1f25 66.7%, #191d23 68.3%, #191d22 69.8%, #1a1d22 71.4%, #1c1f23 73.0%, #1f2125 74.6%, #232629 76.2%, #292c2f 77.8%, #313437 79.4%, #3a3d40 81.0%, #45484b 82.5%, #515457 84.1%, #5f6264 85.7%, #6d7072 87.3%, #7b7e80 88.9%, #898d8f 90.5%, #989b9d 92.1%, #a5a9aa 93.7%, #b2b6b7 95.2%, #bec1c2 96.8%, #c7cbcc 98.4%, #cfd2d3 100.0%);
background: linear-gradient(135deg in oklch, oklch(57.87% 0.0248 226.41) 0.0%, oklch(58.39% 0.0248 228.29) 1.6%, oklch(59.14% 0.0248 230.79) 3.2%, oklch(60.07% 0.0248 233.81) 4.8%, oklch(61.15% 0.0248 237.25) 6.3%, oklch(62.34% 0.0248 241.01) 7.9%, oklch(63.58% 0.0248 244.98) 9.5%, oklch(64.84% 0.0248 249.08) 11.1%, oklch(66.07% 0.0248 253.21) 12.7%, oklch(67.24% 0.0248 257.25) 14.3%, oklch(68.29% 0.0248 261.12) 15.9%, oklch(69.20% 0.0248 264.72) 17.5%, oklch(69.90% 0.0248 267.94) 19.0%, oklch(70.37% 0.0248 270.69) 20.6%, oklch(70.56% 0.0248 272.87) 22.2%, oklch(70.42% 0.0248 274.38) 23.8%, oklch(69.92% 0.0248 275.13) 25.4%, oklch(69.02% 0.0249 275.08) 27.0%, oklch(67.76% 0.0249 274.32) 28.6%, oklch(66.18% 0.0251 272.96) 30.2%, oklch(64.34% 0.0252 271.09) 31.7%, oklch(62.28% 0.0254 268.79) 33.3%, oklch(60.04% 0.0256 266.18) 34.9%, oklch(57.67% 0.0257 263.33) 36.5%, oklch(55.23% 0.0259 260.35) 38.1%, oklch(52.75% 0.0260 257.33) 39.7%, oklch(50.27% 0.0260 254.37) 41.3%, oklch(47.86% 0.0260 251.56) 42.9%, oklch(45.56% 0.0259 248.99) 44.4%, oklch(43.40% 0.0257 246.76) 46.0%, oklch(41.44% 0.0254 244.97) 47.6%, oklch(39.73% 0.0250 243.72) 49.2%, oklch(38.24% 0.0245 243.06) 50.8%, oklch(36.68% 0.0238 242.95) 52.4%, oklch(35.02% 0.0230 243.29) 54.0%, oklch(33.31% 0.0220 244.00) 55.6%, oklch(31.60% 0.0209 245.02) 57.1%, oklch(29.92% 0.0198 246.27) 58.7%, oklch(28.32% 0.0185 247.67) 60.3%, oklch(26.84% 0.0173 249.16) 61.9%, oklch(25.53% 0.0160 250.65) 63.5%, oklch(24.44% 0.0147 252.08) 65.1%, oklch(23.61% 0.0135 253.37) 66.7%, oklch(23.07% 0.0123 254.45) 68.3%, oklch(22.89% 0.0112 255.24) 69.8%, oklch(23.09% 0.0101 255.67) 71.4%, oklch(23.72% 0.0092 255.67) 73.0%, oklch(24.84% 0.0084 255.15) 74.6%, oklch(26.55% 0.0078 254.07) 76.2%, oklch(29.03% 0.0072 252.45) 77.8%, oklch(32.17% 0.0068 250.37) 79.4%, oklch(35.87% 0.0063 247.89) 81.0%, oklch(40.04% 0.0060 245.09) 82.5%, oklch(44.55% 0.0057 242.04) 84.1%, oklch(49.32% 0.0054 238.81) 85.7%, oklch(54.23% 0.0052 235.48) 87.3%, oklch(59.18% 0.0050 232.11) 88.9%, oklch(64.07% 0.0048 228.79) 90.5%, oklch(68.79% 0.0047 225.58) 92.1%, oklch(73.24% 0.0046 222.55) 93.7%, oklch(77.31% 0.0045 219.78) 95.2%, oklch(80.90% 0.0044 217.34) 96.8%, oklch(83.90% 0.0043 215.29) 98.4%, oklch(86.22% 0.0041 213.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.025 | 226.4 |
| 2 | 0.701 | 0.025 | 275 |
| 3 | 0.39 | 0.025 | 243.3 |
| 4 | 0.252 | 0.008 | 254.9 |
| 5 | 0.862 | 0.004 | 213.7 |

## In these collections

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

## Other forms

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