# Monochrome navy and gray radial gradient

Monochrome navy and gray radial gradient with 40 colors: #0c1c36, #10203a, #14253f, #1a2c45, #20334c, #283c54, #30455c, #394f65, #43596f, #4d6478, #576f82, #61798b, #6b8495, #758d9d, #7e96a5, #869eac, #8da5b2, #93aab6, #96adb9, #98afbb, #98aeba, #95acb8, #91a7b3, #8ba1ad, #8399a6, #7a909e, #718695, #667c8b, #5c7080, #516576, #465a6b, #3b4e60, #314356, #28394c, #1f2f43, #17273a, #101f33, #0b182c, #061327, #040f23. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSOii5Xgs8ZWQw2`
- Page: https://grabient.com/kSOii5Xgs8ZWQw2?style=radialGradient&steps=40&angle=210
- Drawn as: radial gradient, 40 steps, 210 degrees
- Kinds: light center, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.3 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 | `#0c1c36` | `oklch(22.83% 0.0551 260.16)` | Trapped Darkness | white, 17 to 1 |
| 2 | `#10203a` | `oklch(24.41% 0.0544 259.25)` | Nightwalker | white, 16.3 to 1 |
| 3 | `#14253f` | `oklch(26.48% 0.0534 258.06)` | Cool Balaclavas Are Forever | white, 15.3 to 1 |
| 4 | `#1a2c45` | `oklch(28.97% 0.0523 256.64)` | Eternal Darkness | white, 14.1 to 1 |
| 5 | `#20334c` | `oklch(31.83% 0.0510 255.01)` | Blue Lobelia | white, 12.7 to 1 |
| 6 | `#283c54` | `oklch(34.98% 0.0495 253.22)` | Sharp Blue | white, 11.2 to 1 |
| 7 | `#30455c` | `oklch(38.36% 0.0480 251.29)` | Moonlit Ocean | white, 9.8 to 1 |
| 8 | `#394f65` | `oklch(41.90% 0.0464 249.27)` | Inked | white, 8.4 to 1 |
| 9 | `#43596f` | `oklch(45.55% 0.0447 247.19)` | Infinite Deep Sea | white, 7.2 to 1 |
| 10 | `#4d6478` | `oklch(49.24% 0.0430 245.09)` | Gloomy Sea | white, 6.1 to 1 |
| 11 | `#576f82` | `oklch(52.90% 0.0413 242.99)` | Blueberry Dream | white, 5.2 to 1 |
| 12 | `#61798b` | `oklch(56.47% 0.0397 240.95)` | Canyon Blue | black, 4.6 to 1 |
| 13 | `#6b8495` | `oklch(59.89% 0.0381 238.98)` | Gilneas Grey | black, 5.3 to 1 |
| 14 | `#758d9d` | `oklch(63.08% 0.0365 237.14)` | Smoky Azurite | black, 6 to 1 |
| 15 | `#7e96a5` | `oklch(65.99% 0.0351 235.46)` | Storm Petrel | black, 6.7 to 1 |
| 16 | `#869eac` | `oklch(68.55% 0.0338 233.96)` | Relaxing Blue | black, 7.4 to 1 |
| 17 | `#8da5b2` | `oklch(70.69% 0.0327 232.69)` | Blue Skylights | black, 8.1 to 1 |
| 18 | `#93aab6` | `oklch(72.36% 0.0317 231.69)` | Windsurf | black, 8.6 to 1 |
| 19 | `#96adb9` | `oklch(73.49% 0.0310 230.98)` | Chicago Skyline | black, 9 to 1 |
| 20 | `#98afbb` | `oklch(74.00% 0.0305 230.62)` | Foggy Blue | black, 9.1 to 1 |
| 21 | `#98aeba` | `oklch(73.85% 0.0302 230.62)` | Foggy Blue | black, 9.1 to 1 |
| 22 | `#95acb8` | `oklch(73.02% 0.0302 230.98)` | Pacific Bliss | black, 8.8 to 1 |
| 23 | `#91a7b3` | `oklch(71.56% 0.0304 231.69)` | Blue Skylights | black, 8.3 to 1 |
| 24 | `#8ba1ad` | `oklch(69.56% 0.0308 232.69)` | Blue Alps | black, 7.7 to 1 |
| 25 | `#8399a6` | `oklch(67.06% 0.0314 233.96)` | Silver Storm | black, 7 to 1 |
| 26 | `#7a909e` | `oklch(64.15% 0.0321 235.46)` | Bird Blue | black, 6.3 to 1 |
| 27 | `#718695` | `oklch(60.89% 0.0330 237.14)` | New Steel | black, 5.5 to 1 |
| 28 | `#667c8b` | `oklch(57.35% 0.0339 238.98)` | Pier 17 Steel | black, 4.8 to 1 |
| 29 | `#5c7080` | `oklch(53.58% 0.0350 240.95)` | Glide Time | white, 5.1 to 1 |
| 30 | `#516576` | `oklch(49.67% 0.0361 242.99)` | Prairie Denim | white, 6 to 1 |
| 31 | `#465a6b` | `oklch(45.67% 0.0372 245.09)` | Motor City Blue | white, 7.1 to 1 |
| 32 | `#3b4e60` | `oklch(41.65% 0.0384 247.19)` | Cello | white, 8.5 to 1 |
| 33 | `#314356` | `oklch(37.68% 0.0395 249.27)` | Pickled Bluewood | white, 10.1 to 1 |
| 34 | `#28394c` | `oklch(33.83% 0.0406 251.29)` | Cool Air of Debonair | white, 11.8 to 1 |
| 35 | `#1f2f43` | `oklch(30.17% 0.0417 253.22)` | Imperial Primer | white, 13.5 to 1 |
| 36 | `#17273a` | `oklch(26.75% 0.0427 255.01)` | Midnight Express | white, 15.1 to 1 |
| 37 | `#101f33` | `oklch(23.65% 0.0436 256.64)` | The Count’s Black | white, 16.6 to 1 |
| 38 | `#0b182c` | `oklch(20.94% 0.0444 258.06)` | Oxford by Night | white, 17.7 to 1 |
| 39 | `#061327` | `oklch(18.67% 0.0450 259.25)` | Kuretake Black Manga | white, 18.6 to 1 |
| 40 | `#040f23` | `oklch(16.93% 0.0455 260.16)` | Void | white, 19.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0c1c36 0.0%, #10203a 2.6%, #14253f 5.1%, #1a2c45 7.7%, #20334c 10.3%, #283c54 12.8%, #30455c 15.4%, #394f65 17.9%, #43596f 20.5%, #4d6478 23.1%, #576f82 25.6%, #61798b 28.2%, #6b8495 30.8%, #758d9d 33.3%, #7e96a5 35.9%, #869eac 38.5%, #8da5b2 41.0%, #93aab6 43.6%, #96adb9 46.2%, #98afbb 48.7%, #98aeba 51.3%, #95acb8 53.8%, #91a7b3 56.4%, #8ba1ad 59.0%, #8399a6 61.5%, #7a909e 64.1%, #718695 66.7%, #667c8b 69.2%, #5c7080 71.8%, #516576 74.4%, #465a6b 76.9%, #3b4e60 79.5%, #314356 82.1%, #28394c 84.6%, #1f2f43 87.2%, #17273a 89.7%, #101f33 92.3%, #0b182c 94.9%, #061327 97.4%, #040f23 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0551 260.16) 0.0%, oklch(24.41% 0.0544 259.25) 2.6%, oklch(26.48% 0.0534 258.06) 5.1%, oklch(28.97% 0.0523 256.64) 7.7%, oklch(31.83% 0.0510 255.01) 10.3%, oklch(34.98% 0.0495 253.22) 12.8%, oklch(38.36% 0.0480 251.29) 15.4%, oklch(41.90% 0.0464 249.27) 17.9%, oklch(45.55% 0.0447 247.19) 20.5%, oklch(49.24% 0.0430 245.09) 23.1%, oklch(52.90% 0.0413 242.99) 25.6%, oklch(56.47% 0.0397 240.95) 28.2%, oklch(59.89% 0.0381 238.98) 30.8%, oklch(63.08% 0.0365 237.14) 33.3%, oklch(65.99% 0.0351 235.46) 35.9%, oklch(68.55% 0.0338 233.96) 38.5%, oklch(70.69% 0.0327 232.69) 41.0%, oklch(72.36% 0.0317 231.69) 43.6%, oklch(73.49% 0.0310 230.98) 46.2%, oklch(74.00% 0.0305 230.62) 48.7%, oklch(73.85% 0.0302 230.62) 51.3%, oklch(73.02% 0.0302 230.98) 53.8%, oklch(71.56% 0.0304 231.69) 56.4%, oklch(69.56% 0.0308 232.69) 59.0%, oklch(67.06% 0.0314 233.96) 61.5%, oklch(64.15% 0.0321 235.46) 64.1%, oklch(60.89% 0.0330 237.14) 66.7%, oklch(57.35% 0.0339 238.98) 69.2%, oklch(53.58% 0.0350 240.95) 71.8%, oklch(49.67% 0.0361 242.99) 74.4%, oklch(45.67% 0.0372 245.09) 76.9%, oklch(41.65% 0.0384 247.19) 79.5%, oklch(37.68% 0.0395 249.27) 82.1%, oklch(33.83% 0.0406 251.29) 84.6%, oklch(30.17% 0.0417 253.22) 87.2%, oklch(26.75% 0.0427 255.01) 89.7%, oklch(23.65% 0.0436 256.64) 92.3%, oklch(20.94% 0.0444 258.06) 94.9%, oklch(18.67% 0.0450 259.25) 97.4%, oklch(16.93% 0.0455 260.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.055 | 260.2 |
| 2 | 0.74 | 0.03 | 230.6 |
| 3 | 0.169 | 0.045 | 260.2 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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