# Monochrome black, navy and gray linear gradient

Monochrome black, navy and gray linear gradient with 64 colors: #00030a, #00040b, #00040d, #00050e, #000610, #000712, #000813, #000a16, #000b18, #000d1a, #000f1c, #00111e, #011220, #011423, #021625, #021827, #021a29, #031b2b, #031d2e, #041f30, #052233, #062436, #082738, #0a293c, #0d2d3f, #113043, #153447, #1a394b, #1f3e50, #254355, #2b495a, #324f5f, #395565, #405b6b, #476270, #4e6876, #546e7c, #5b7481, #617986, #687f8b, #6f8591, #768b96, #7d929c, #8498a2, #8c9ea7, #92a4ad, #99aab1, #9fafb6, #a4b3ba, #a8b6bd, #abb9bf, #adbbc1, #adbbc1, #acbbc1, #aab9bf, #a8b7bd, #a5b4bb, #a1b1b8, #9daeb5, #99abb2, #96a8b0, #93a6ad, #90a4ab, #8fa2aa. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYGRauFw6_iYSP3HDL84wa_VkJP6`
- Page: https://grabient.com/kYGRauFw6_iYSP3HDL84wa_VkJP6?steps=64
- Drawn as: linear gradient, 64 steps, 90 degrees
- Kinds: neutral, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.4 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 | `#00030a` | `oklch(9.93% 0.0266 247.85)` | Ninja | white, 20.5 to 1 |
| 2 | `#00040b` | `oklch(10.29% 0.0273 247.39)` | Ninja | white, 20.5 to 1 |
| 3 | `#00040d` | `oklch(10.73% 0.0282 246.90)` | Ninja | white, 20.4 to 1 |
| 4 | `#00050e` | `oklch(11.23% 0.0291 246.38)` | Eight Ball | white, 20.4 to 1 |
| 5 | `#000610` | `oklch(11.80% 0.0302 245.86)` | Eight Ball | white, 20.3 to 1 |
| 6 | `#000712` | `oklch(12.42% 0.0315 245.35)` | Black Knight | white, 20.2 to 1 |
| 7 | `#000813` | `oklch(13.08% 0.0328 244.86)` | Black Knight | white, 20 to 1 |
| 8 | `#000a16` | `oklch(13.79% 0.0343 244.38)` | Black Knight | white, 19.9 to 1 |
| 9 | `#000b18` | `oklch(14.51% 0.0356 243.71)` | Black Knight | white, 19.7 to 1 |
| 10 | `#000d1a` | `oklch(15.26% 0.0368 242.84)` | Black Knight | white, 19.5 to 1 |
| 11 | `#000f1c` | `oklch(16.03% 0.0378 242.29)` | Kuretake Black Manga | white, 19.3 to 1 |
| 12 | `#00111e` | `oklch(16.83% 0.0387 241.99)` | Kuretake Black Manga | white, 19.1 to 1 |
| 13 | `#011220` | `oklch(17.63% 0.0395 241.69)` | Kuretake Black Manga | white, 18.8 to 1 |
| 14 | `#011423` | `oklch(18.43% 0.0403 241.40)` | Kuretake Black Manga | white, 18.6 to 1 |
| 15 | `#021625` | `oklch(19.19% 0.0412 241.11)` | Creeping Death | white, 18.3 to 1 |
| 16 | `#021827` | `oklch(19.93% 0.0422 240.81)` | Creeping Death | white, 18 to 1 |
| 17 | `#021a29` | `oklch(20.67% 0.0432 240.51)` | Oxford by Night | white, 17.7 to 1 |
| 18 | `#031b2b` | `oklch(21.41% 0.0443 240.20)` | Oxford by Night | white, 17.4 to 1 |
| 19 | `#031d2e` | `oklch(22.18% 0.0454 239.89)` | Oxford by Night | white, 17.1 to 1 |
| 20 | `#041f30` | `oklch(22.99% 0.0464 239.57)` | Cyanophobia | white, 16.8 to 1 |
| 21 | `#052233` | `oklch(23.86% 0.0474 239.24)` | Midnight Dreams | white, 16.4 to 1 |
| 22 | `#062436` | `oklch(24.80% 0.0482 238.89)` | Celestial Canvas | white, 16 to 1 |
| 23 | `#082738` | `oklch(25.83% 0.0489 238.54)` | Murky Depths | white, 15.5 to 1 |
| 24 | `#0a293c` | `oklch(26.97% 0.0494 238.17)` | Murky Depths | white, 14.9 to 1 |
| 25 | `#0d2d3f` | `oklch(28.23% 0.0497 237.78)` | NATO Blue | white, 14.3 to 1 |
| 26 | `#113043` | `oklch(29.62% 0.0496 237.37)` | NATO Blue | white, 13.7 to 1 |
| 27 | `#153447` | `oklch(31.18% 0.0493 236.94)` | Blue Whale | white, 12.9 to 1 |
| 28 | `#1a394b` | `oklch(32.92% 0.0488 236.49)` | Subterranean River | white, 12.1 to 1 |
| 29 | `#1f3e50` | `oklch(34.82% 0.0479 236.00)` | Depths of the Nile | white, 11.2 to 1 |
| 30 | `#254355` | `oklch(36.84% 0.0469 235.50)` | Reef Resort | white, 10.3 to 1 |
| 31 | `#2b495a` | `oklch(38.96% 0.0457 234.98)` | Black Forest Blue | white, 9.5 to 1 |
| 32 | `#324f5f` | `oklch(41.16% 0.0444 234.45)` | Velvet Evening | white, 8.6 to 1 |
| 33 | `#395565` | `oklch(43.40% 0.0429 233.92)` | Twilight Chimes | white, 7.8 to 1 |
| 34 | `#405b6b` | `oklch(45.66% 0.0414 233.38)` | Blue Spell | white, 7.1 to 1 |
| 35 | `#476270` | `oklch(47.91% 0.0399 232.85)` | Nostalgic Evening | white, 6.4 to 1 |
| 36 | `#4e6876` | `oklch(50.12% 0.0384 232.33)` | Before the Storm | white, 5.9 to 1 |
| 37 | `#546e7c` | `oklch(52.28% 0.0369 231.82)` | Lily Pond Blue | white, 5.3 to 1 |
| 38 | `#5b7481` | `oklch(54.34% 0.0355 231.33)` | Hampton Surf | white, 4.9 to 1 |
| 39 | `#617986` | `oklch(56.29% 0.0342 230.86)` | Tool Blue | black, 4.6 to 1 |
| 40 | `#687f8b` | `oklch(58.28% 0.0328 230.39)` | Windy Seas | black, 5 to 1 |
| 41 | `#6f8591` | `oklch(60.37% 0.0313 229.92)` | Shoreline | black, 5.4 to 1 |
| 42 | `#768b96` | `oklch(62.50% 0.0298 229.46)` | Bluish Grey | black, 5.9 to 1 |
| 43 | `#7d929c` | `oklch(64.65% 0.0282 228.99)` | Inland Waters | black, 6.4 to 1 |
| 44 | `#8498a2` | `oklch(66.78% 0.0266 228.54)` | Evening Eclipse | black, 7 to 1 |
| 45 | `#8c9ea7` | `oklch(68.84% 0.0250 228.09)` | Lost at Sea | black, 7.5 to 1 |
| 46 | `#92a4ad` | `oklch(70.80% 0.0234 227.65)` | Galleria Blue | black, 8.1 to 1 |
| 47 | `#99aab1` | `oklch(72.62% 0.0220 227.23)` | Meditative | black, 8.7 to 1 |
| 48 | `#9fafb6` | `oklch(74.26% 0.0207 226.84)` | Electric Slide | black, 9.2 to 1 |
| 49 | `#a4b3ba` | `oklch(75.68% 0.0196 226.46)` | Porch Ceiling | black, 9.7 to 1 |
| 50 | `#a8b6bd` | `oklch(76.84% 0.0187 226.11)` | Intercoastal Grey | black, 10.1 to 1 |
| 51 | `#abb9bf` | `oklch(77.70% 0.0181 225.79)` | Lakeside | black, 10.4 to 1 |
| 52 | `#adbbc1` | `oklch(78.22% 0.0177 225.49)` | Blue Heather | black, 10.6 to 1 |
| 53 | `#adbbc1` | `oklch(78.35% 0.0177 225.23)` | Blue Heather | black, 10.6 to 1 |
| 54 | `#acbbc1` | `oklch(78.14% 0.0179 224.99)` | Blue Heather | black, 10.5 to 1 |
| 55 | `#aab9bf` | `oklch(77.65% 0.0184 224.77)` | Lakeside | black, 10.4 to 1 |
| 56 | `#a8b7bd` | `oklch(76.95% 0.0190 224.57)` | Half Sea Fog | black, 10.1 to 1 |
| 57 | `#a5b4bb` | `oklch(76.07% 0.0197 224.39)` | Shark Loop | black, 9.8 to 1 |
| 58 | `#a1b1b8` | `oklch(75.09% 0.0206 224.23)` | Ovation | black, 9.5 to 1 |
| 59 | `#9daeb5` | `oklch(74.06% 0.0215 224.09)` | Shower | black, 9.1 to 1 |
| 60 | `#99abb2` | `oklch(73.03% 0.0223 223.96)` | Smoke on the Water | black, 8.8 to 1 |
| 61 | `#96a8b0` | `oklch(72.06% 0.0231 223.84)` | Meditative | black, 8.5 to 1 |
| 62 | `#93a6ad` | `oklch(71.20% 0.0238 223.74)` | Galleria Blue | black, 8.2 to 1 |
| 63 | `#90a4ab` | `oklch(70.53% 0.0244 223.64)` | Galleria Blue | black, 8 to 1 |
| 64 | `#8fa2aa` | `oklch(70.08% 0.0248 223.55)` | Stormy Skies | black, 7.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00030a 0.0%, #00040b 1.6%, #00040d 3.2%, #00050e 4.8%, #000610 6.3%, #000712 7.9%, #000813 9.5%, #000a16 11.1%, #000b18 12.7%, #000d1a 14.3%, #000f1c 15.9%, #00111e 17.5%, #011220 19.0%, #011423 20.6%, #021625 22.2%, #021827 23.8%, #021a29 25.4%, #031b2b 27.0%, #031d2e 28.6%, #041f30 30.2%, #052233 31.7%, #062436 33.3%, #082738 34.9%, #0a293c 36.5%, #0d2d3f 38.1%, #113043 39.7%, #153447 41.3%, #1a394b 42.9%, #1f3e50 44.4%, #254355 46.0%, #2b495a 47.6%, #324f5f 49.2%, #395565 50.8%, #405b6b 52.4%, #476270 54.0%, #4e6876 55.6%, #546e7c 57.1%, #5b7481 58.7%, #617986 60.3%, #687f8b 61.9%, #6f8591 63.5%, #768b96 65.1%, #7d929c 66.7%, #8498a2 68.3%, #8c9ea7 69.8%, #92a4ad 71.4%, #99aab1 73.0%, #9fafb6 74.6%, #a4b3ba 76.2%, #a8b6bd 77.8%, #abb9bf 79.4%, #adbbc1 81.0%, #adbbc1 82.5%, #acbbc1 84.1%, #aab9bf 85.7%, #a8b7bd 87.3%, #a5b4bb 88.9%, #a1b1b8 90.5%, #9daeb5 92.1%, #99abb2 93.7%, #96a8b0 95.2%, #93a6ad 96.8%, #90a4ab 98.4%, #8fa2aa 100.0%);
background: linear-gradient(90deg in oklch, oklch(9.93% 0.0266 247.85) 0.0%, oklch(10.29% 0.0273 247.39) 1.6%, oklch(10.73% 0.0282 246.90) 3.2%, oklch(11.23% 0.0291 246.38) 4.8%, oklch(11.80% 0.0302 245.86) 6.3%, oklch(12.42% 0.0315 245.35) 7.9%, oklch(13.08% 0.0328 244.86) 9.5%, oklch(13.79% 0.0343 244.38) 11.1%, oklch(14.51% 0.0356 243.71) 12.7%, oklch(15.26% 0.0368 242.84) 14.3%, oklch(16.03% 0.0378 242.29) 15.9%, oklch(16.83% 0.0387 241.99) 17.5%, oklch(17.63% 0.0395 241.69) 19.0%, oklch(18.43% 0.0403 241.40) 20.6%, oklch(19.19% 0.0412 241.11) 22.2%, oklch(19.93% 0.0422 240.81) 23.8%, oklch(20.67% 0.0432 240.51) 25.4%, oklch(21.41% 0.0443 240.20) 27.0%, oklch(22.18% 0.0454 239.89) 28.6%, oklch(22.99% 0.0464 239.57) 30.2%, oklch(23.86% 0.0474 239.24) 31.7%, oklch(24.80% 0.0482 238.89) 33.3%, oklch(25.83% 0.0489 238.54) 34.9%, oklch(26.97% 0.0494 238.17) 36.5%, oklch(28.23% 0.0497 237.78) 38.1%, oklch(29.62% 0.0496 237.37) 39.7%, oklch(31.18% 0.0493 236.94) 41.3%, oklch(32.92% 0.0488 236.49) 42.9%, oklch(34.82% 0.0479 236.00) 44.4%, oklch(36.84% 0.0469 235.50) 46.0%, oklch(38.96% 0.0457 234.98) 47.6%, oklch(41.16% 0.0444 234.45) 49.2%, oklch(43.40% 0.0429 233.92) 50.8%, oklch(45.66% 0.0414 233.38) 52.4%, oklch(47.91% 0.0399 232.85) 54.0%, oklch(50.12% 0.0384 232.33) 55.6%, oklch(52.28% 0.0369 231.82) 57.1%, oklch(54.34% 0.0355 231.33) 58.7%, oklch(56.29% 0.0342 230.86) 60.3%, oklch(58.28% 0.0328 230.39) 61.9%, oklch(60.37% 0.0313 229.92) 63.5%, oklch(62.50% 0.0298 229.46) 65.1%, oklch(64.65% 0.0282 228.99) 66.7%, oklch(66.78% 0.0266 228.54) 68.3%, oklch(68.84% 0.0250 228.09) 69.8%, oklch(70.80% 0.0234 227.65) 71.4%, oklch(72.62% 0.0220 227.23) 73.0%, oklch(74.26% 0.0207 226.84) 74.6%, oklch(75.68% 0.0196 226.46) 76.2%, oklch(76.84% 0.0187 226.11) 77.8%, oklch(77.70% 0.0181 225.79) 79.4%, oklch(78.22% 0.0177 225.49) 81.0%, oklch(78.35% 0.0177 225.23) 82.5%, oklch(78.14% 0.0179 224.99) 84.1%, oklch(77.65% 0.0184 224.77) 85.7%, oklch(76.95% 0.0190 224.57) 87.3%, oklch(76.07% 0.0197 224.39) 88.9%, oklch(75.09% 0.0206 224.23) 90.5%, oklch(74.06% 0.0215 224.09) 92.1%, oklch(73.03% 0.0223 223.96) 93.7%, oklch(72.06% 0.0231 223.84) 95.2%, oklch(71.20% 0.0238 223.74) 96.8%, oklch(70.53% 0.0244 223.64) 98.4%, oklch(70.08% 0.0248 223.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.098 | 0.03 | 244.7 |
| 2 | 0.181 | 0.04 | 241.5 |
| 3 | 0.299 | 0.05 | 237.3 |
| 4 | 0.559 | 0.034 | 230.9 |
| 5 | 0.78 | 0.018 | 225.7 |
| 6 | 0.701 | 0.025 | 223.6 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)
- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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