# Monochrome black, blue and navy radial gradient

Monochrome black, blue and navy radial gradient with 32 colors: #000106, #00040f, #030e1e, #091d31, #142f48, #1f4461, #29597a, #336e92, #3b80a7, #418eb8, #4596c2, #4797c5, #468fbf, #4382b4, #3f71a3, #395d8f, #324a79, #2a3864, #222852, #1b1c43, #16143a, #151037, #15113a, #181542, #1b1c4d, #1e255b, #20316c, #203d7c, #1e498c, #18559b, #0e5fa6, #0066ae. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUEhS4UiW9JqaRY_srvg`
- Page: https://grabient.com/kUEhS4UiW9JqaRY_srvg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#000106` | `oklch(7.09% 0.0275 259.01)` | Black Hole | white, 20.8 to 1 |
| 2 | `#00040f` | `oklch(10.81% 0.0324 257.12)` | Ninja | white, 20.4 to 1 |
| 3 | `#030e1e` | `oklch(16.12% 0.0391 254.64)` | Kuretake Black Manga | white, 19.3 to 1 |
| 4 | `#091d31` | `oklch(22.60% 0.0472 251.58)` | Trapped Darkness | white, 17 to 1 |
| 5 | `#142f48` | `oklch(29.80% 0.0563 248.19)` | Crow Black Blue | white, 13.6 to 1 |
| 6 | `#1f4461` | `oklch(37.31% 0.0658 244.72)` | Dark Slate Blue | white, 10.2 to 1 |
| 7 | `#29597a` | `oklch(44.68% 0.0753 241.43)` | Venice Blue | white, 7.4 to 1 |
| 8 | `#336e92` | `oklch(51.49% 0.0842 238.58)` | Blue Oasis | white, 5.5 to 1 |
| 9 | `#3b80a7` | `oklch(57.30% 0.0920 236.42)` | Cendre Blue | black, 4.8 to 1 |
| 10 | `#418eb8` | `oklch(61.69% 0.0983 235.20)` | Quiet Night | black, 5.8 to 1 |
| 11 | `#4596c2` | `oklch(64.21% 0.1025 235.19)` | Galleon Blue | black, 6.4 to 1 |
| 12 | `#4797c5` | `oklch(64.46% 0.1041 236.73)` | Mountain Bluebird | black, 6.4 to 1 |
| 13 | `#468fbf` | `oklch(62.46% 0.1032 240.04)` | Quiet Night | black, 5.9 to 1 |
| 14 | `#4382b4` | `oklch(58.68% 0.1004 244.75)` | Steel Blue | black, 5 to 1 |
| 15 | `#3f71a3` | `oklch(53.57% 0.0960 250.45)` | Muted Blue | white, 5.1 to 1 |
| 16 | `#395d8f` | `oklch(47.63% 0.0908 256.72)` | Antilles Blue | white, 6.6 to 1 |
| 17 | `#324a79` | `oklch(41.31% 0.0852 263.15)` | Dragonfly | white, 8.7 to 1 |
| 18 | `#2a3864` | `oklch(35.10% 0.0799 269.31)` | Blue Depths | white, 11.4 to 1 |
| 19 | `#222852` | `oklch(29.47% 0.0754 274.81)` | Space Cadet | white, 14 to 1 |
| 20 | `#1b1c43` | `oklch(24.89% 0.0723 279.23)` | Konkikyō Blue | white, 16.2 to 1 |
| 21 | `#16143a` | `oklch(21.83% 0.0711 282.15)` | Lost in Sadness | white, 17.6 to 1 |
| 22 | `#151037` | `oklch(20.72% 0.0724 283.18)` | Spanish Roast | white, 18 to 1 |
| 23 | `#15113a` | `oklch(21.27% 0.0760 282.43)` | Grim Reaper | white, 17.8 to 1 |
| 24 | `#181542` | `oklch(23.09% 0.0815 280.26)` | Deadly Depths | white, 17.1 to 1 |
| 25 | `#1b1c4d` | `oklch(25.90% 0.0885 276.98)` | Fly-by-Night | white, 15.8 to 1 |
| 26 | `#1e255b` | `oklch(29.42% 0.0964 272.90)` | Spacescape | white, 14.2 to 1 |
| 27 | `#20316c` | `oklch(33.38% 0.1049 268.34)` | Atlantic Navy | white, 12.2 to 1 |
| 28 | `#203d7c` | `oklch(37.50% 0.1134 263.61)` | Mazarine Blue | white, 10.4 to 1 |
| 29 | `#1e498c` | `oklch(41.49% 0.1215 259.02)` | Nuit Blanche | white, 8.7 to 1 |
| 30 | `#18559b` | `oklch(45.09% 0.1289 254.89)` | Sonic Blue | white, 7.4 to 1 |
| 31 | `#0e5fa6` | `oklch(48.02% 0.1349 251.52)` | Directoire Blue | white, 6.5 to 1 |
| 32 | `#0066ae` | `oklch(50.00% 0.1389 249.26)` | Wing Commander | white, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #000106 0.0%, #00040f 3.2%, #030e1e 6.5%, #091d31 9.7%, #142f48 12.9%, #1f4461 16.1%, #29597a 19.4%, #336e92 22.6%, #3b80a7 25.8%, #418eb8 29.0%, #4596c2 32.3%, #4797c5 35.5%, #468fbf 38.7%, #4382b4 41.9%, #3f71a3 45.2%, #395d8f 48.4%, #324a79 51.6%, #2a3864 54.8%, #222852 58.1%, #1b1c43 61.3%, #16143a 64.5%, #151037 67.7%, #15113a 71.0%, #181542 74.2%, #1b1c4d 77.4%, #1e255b 80.6%, #20316c 83.9%, #203d7c 87.1%, #1e498c 90.3%, #18559b 93.5%, #0e5fa6 96.8%, #0066ae 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(7.09% 0.0275 259.01) 0.0%, oklch(10.81% 0.0324 257.12) 3.2%, oklch(16.12% 0.0391 254.64) 6.5%, oklch(22.60% 0.0472 251.58) 9.7%, oklch(29.80% 0.0563 248.19) 12.9%, oklch(37.31% 0.0658 244.72) 16.1%, oklch(44.68% 0.0753 241.43) 19.4%, oklch(51.49% 0.0842 238.58) 22.6%, oklch(57.30% 0.0920 236.42) 25.8%, oklch(61.69% 0.0983 235.20) 29.0%, oklch(64.21% 0.1025 235.19) 32.3%, oklch(64.46% 0.1041 236.73) 35.5%, oklch(62.46% 0.1032 240.04) 38.7%, oklch(58.68% 0.1004 244.75) 41.9%, oklch(53.57% 0.0960 250.45) 45.2%, oklch(47.63% 0.0908 256.72) 48.4%, oklch(41.31% 0.0852 263.15) 51.6%, oklch(35.10% 0.0799 269.31) 54.8%, oklch(29.47% 0.0754 274.81) 58.1%, oklch(24.89% 0.0723 279.23) 61.3%, oklch(21.83% 0.0711 282.15) 64.5%, oklch(20.72% 0.0724 283.18) 67.7%, oklch(21.27% 0.0760 282.43) 71.0%, oklch(23.09% 0.0815 280.26) 74.2%, oklch(25.90% 0.0885 276.98) 77.4%, oklch(29.42% 0.0964 272.90) 80.6%, oklch(33.38% 0.1049 268.34) 83.9%, oklch(37.50% 0.1134 263.61) 87.1%, oklch(41.49% 0.1215 259.02) 90.3%, oklch(45.09% 0.1289 254.89) 93.5%, oklch(48.02% 0.1349 251.52) 96.8%, oklch(50.00% 0.1389 249.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.071 | 0.028 | 258.8 |
| 2 | 0.646 | 0.103 | 235.5 |
| 3 | 0.209 | 0.072 | 283.1 |
| 4 | 0.5 | 0.139 | 249.2 |

## In these collections

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

## Other forms

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