# Monochrome navy, light blue and gray radial gradient

Monochrome navy, light blue and gray radial gradient with 32 colors: #121422, #141828, #161d32, #18243d, #1a2d4a, #1d3756, #254363, #305172, #3f6082, #4e7091, #5c7e9f, #688bab, #7497b5, #81a3bf, #8badc7, #94b5cc, #99b9cf, #9cbacf, #9cb9cd, #99b6c8, #95b0c2, #8fa9ba, #859eaf, #7990a1, #6c8293, #5e7484, #526677, #455868, #384959, #2c3b4b, #222f40, #1c2838. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kaMhTDqxe9cuXPzhEb73I4_sCNQKijMFg`
- Page: https://grabient.com/kaMhTDqxe9cuXPzhEb73I4_sCNQKijMFg?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light center, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#121422` | `oklch(19.69% 0.0276 274.92)` | Corbeau | white, 18.2 to 1 |
| 2 | `#141828` | `oklch(21.36% 0.0330 271.94)` | Sambucus | white, 17.6 to 1 |
| 3 | `#161d32` | `oklch(23.62% 0.0410 267.60)` | Sombre Night | white, 16.6 to 1 |
| 4 | `#18243d` | `oklch(26.38% 0.0500 262.68)` | Cool Balaclavas Are Forever | white, 15.4 to 1 |
| 5 | `#1a2d4a` | `oklch(29.61% 0.0582 257.98)` | Crow Black Blue | white, 13.8 to 1 |
| 6 | `#1d3756` | `oklch(33.22% 0.0641 254.26)` | Gibraltar Sea | white, 12.1 to 1 |
| 7 | `#254363` | `oklch(37.43% 0.0669 251.95)` | Alpine Race | white, 10.2 to 1 |
| 8 | `#305172` | `oklch(42.45% 0.0677 250.53)` | Aerostatics | white, 8.2 to 1 |
| 9 | `#3f6082` | `oklch(47.84% 0.0671 249.63)` | Atlantic Schooner | white, 6.5 to 1 |
| 10 | `#4e7091` | `oklch(53.18% 0.0657 248.87)` | Caspian Sea | white, 5.2 to 1 |
| 11 | `#5c7e9f` | `oklch(58.02% 0.0639 247.89)` | Goddess of the Nile | black, 4.9 to 1 |
| 12 | `#688bab` | `oklch(62.21% 0.0621 246.41)` | Pale Flower | black, 5.8 to 1 |
| 13 | `#7497b5` | `oklch(66.27% 0.0593 244.65)` | Splendid Blue | black, 6.8 to 1 |
| 14 | `#81a3bf` | `oklch(70.03% 0.0560 242.80)` | Old Faithful | black, 7.9 to 1 |
| 15 | `#8badc7` | `oklch(73.22% 0.0526 241.05)` | Chilly Blue | black, 8.9 to 1 |
| 16 | `#94b5cc` | `oklch(75.58% 0.0495 239.57)` | Sea Mark | black, 9.7 to 1 |
| 17 | `#99b9cf` | `oklch(76.92% 0.0470 238.50)` | Northern Sky Blue | black, 10.1 to 1 |
| 18 | `#9cbacf` | `oklch(77.40% 0.0448 237.66)` | Northern Sky Blue | black, 10.3 to 1 |
| 19 | `#9cb9cd` | `oklch(77.10% 0.0428 237.05)` | Northern Sky Blue | black, 10.2 to 1 |
| 20 | `#99b6c8` | `oklch(76.07% 0.0410 236.71)` | Country Air | black, 9.8 to 1 |
| 21 | `#95b0c2` | `oklch(74.35% 0.0395 236.69)` | Porcelain Vase | black, 9.2 to 1 |
| 22 | `#8fa9ba` | `oklch(71.94% 0.0382 237.04)` | Sky Eyes | black, 8.5 to 1 |
| 23 | `#859eaf` | `oklch(68.50% 0.0373 237.76)` | Sonata Blue | black, 7.4 to 1 |
| 24 | `#7990a1` | `oklch(64.22% 0.0368 238.81)` | Jean Jacket Blue | black, 6.3 to 1 |
| 25 | `#6c8293` | `oklch(59.48% 0.0364 240.16)` | Gilneas Grey | black, 5.2 to 1 |
| 26 | `#5e7484` | `oklch(54.63% 0.0361 241.74)` | Lost Atlantis | white, 4.8 to 1 |
| 27 | `#526677` | `oklch(50.04% 0.0358 243.54)` | Prairie Denim | white, 5.9 to 1 |
| 28 | `#455868` | `oklch(45.09% 0.0354 245.90)` | Tetsu Iron | white, 7.3 to 1 |
| 29 | `#384959` | `oklch(39.79% 0.0351 248.74)` | Odyssey | white, 9.2 to 1 |
| 30 | `#2c3b4b` | `oklch(34.66% 0.0348 251.62)` | Blue Fantastic | white, 11.4 to 1 |
| 31 | `#222f40` | `oklch(30.27% 0.0346 254.15)` | Imperial Primer | white, 13.4 to 1 |
| 32 | `#1c2838` | `oklch(27.17% 0.0344 255.90)` | Midnight Express | white, 14.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #121422 0.0%, #141828 3.2%, #161d32 6.5%, #18243d 9.7%, #1a2d4a 12.9%, #1d3756 16.1%, #254363 19.4%, #305172 22.6%, #3f6082 25.8%, #4e7091 29.0%, #5c7e9f 32.3%, #688bab 35.5%, #7497b5 38.7%, #81a3bf 41.9%, #8badc7 45.2%, #94b5cc 48.4%, #99b9cf 51.6%, #9cbacf 54.8%, #9cb9cd 58.1%, #99b6c8 61.3%, #95b0c2 64.5%, #8fa9ba 67.7%, #859eaf 71.0%, #7990a1 74.2%, #6c8293 77.4%, #5e7484 80.6%, #526677 83.9%, #455868 87.1%, #384959 90.3%, #2c3b4b 93.5%, #222f40 96.8%, #1c2838 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(19.69% 0.0276 274.92) 0.0%, oklch(21.36% 0.0330 271.94) 3.2%, oklch(23.62% 0.0410 267.60) 6.5%, oklch(26.38% 0.0500 262.68) 9.7%, oklch(29.61% 0.0582 257.98) 12.9%, oklch(33.22% 0.0641 254.26) 16.1%, oklch(37.43% 0.0669 251.95) 19.4%, oklch(42.45% 0.0677 250.53) 22.6%, oklch(47.84% 0.0671 249.63) 25.8%, oklch(53.18% 0.0657 248.87) 29.0%, oklch(58.02% 0.0639 247.89) 32.3%, oklch(62.21% 0.0621 246.41) 35.5%, oklch(66.27% 0.0593 244.65) 38.7%, oklch(70.03% 0.0560 242.80) 41.9%, oklch(73.22% 0.0526 241.05) 45.2%, oklch(75.58% 0.0495 239.57) 48.4%, oklch(76.92% 0.0470 238.50) 51.6%, oklch(77.40% 0.0448 237.66) 54.8%, oklch(77.10% 0.0428 237.05) 58.1%, oklch(76.07% 0.0410 236.71) 61.3%, oklch(74.35% 0.0395 236.69) 64.5%, oklch(71.94% 0.0382 237.04) 67.7%, oklch(68.50% 0.0373 237.76) 71.0%, oklch(64.22% 0.0368 238.81) 74.2%, oklch(59.48% 0.0364 240.16) 77.4%, oklch(54.63% 0.0361 241.74) 80.6%, oklch(50.04% 0.0358 243.54) 83.9%, oklch(45.09% 0.0354 245.90) 87.1%, oklch(39.79% 0.0351 248.74) 90.3%, oklch(34.66% 0.0348 251.62) 93.5%, oklch(30.27% 0.0346 254.15) 96.8%, oklch(27.17% 0.0344 255.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.028 | 274.9 |
| 2 | 0.339 | 0.065 | 253.8 |
| 3 | 0.594 | 0.063 | 247.4 |
| 4 | 0.764 | 0.048 | 239 |
| 5 | 0.728 | 0.039 | 236.9 |
| 6 | 0.508 | 0.036 | 243.2 |
| 7 | 0.272 | 0.034 | 255.9 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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