# Vivid monochrome navy to blue radial gradient

Vivid monochrome navy to blue radial gradient with 32 colors: #000a53, #000c56, #010e5a, #01105e, #011262, #011567, #01176c, #011a72, #021d78, #02207e, #022384, #03268a, #032991, #042c97, #042f9d, #0432a3, #0535a9, #0537af, #053ab5, #063dbc, #0640c3, #0643ca, #0646d0, #0549d7, #054cde, #054fe4, #0451eb, #0454f0, #0356f6, #0358fb, #025aff, #085dff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSN128MUS_0XdP8`
- Page: https://grabient.com/kSN128MUS_0XdP8?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.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 | `#000a53` | `oklch(21.65% 0.1281 264.38)` | Ravenclaw | white, 17.9 to 1 |
| 2 | `#000c56` | `oklch(22.27% 0.1303 264.34)` | Interstellar Blue | white, 17.6 to 1 |
| 3 | `#010e5a` | `oklch(23.02% 0.1330 264.29)` | Interstellar Blue | white, 17.3 to 1 |
| 4 | `#01105e` | `oklch(23.88% 0.1360 264.24)` | Prussian Nights | white, 17 to 1 |
| 5 | `#011262` | `oklch(24.84% 0.1393 264.18)` | Atlantic Depths | white, 16.6 to 1 |
| 6 | `#011567` | `oklch(25.89% 0.1430 264.11)` | Atlantic Depths | white, 16.1 to 1 |
| 7 | `#01176c` | `oklch(27.01% 0.1469 264.04)` | Atlantic Depths | white, 15.6 to 1 |
| 8 | `#011a72` | `oklch(28.19% 0.1510 263.97)` | Major Tom | white, 15 to 1 |
| 9 | `#021d78` | `oklch(29.42% 0.1553 263.89)` | Long-Haul Flight | white, 14.4 to 1 |
| 10 | `#02207e` | `oklch(30.67% 0.1598 263.82)` | Long-Haul Flight | white, 13.8 to 1 |
| 11 | `#022384` | `oklch(31.95% 0.1643 263.74)` | Resolution Blue | white, 13.2 to 1 |
| 12 | `#03268a` | `oklch(33.22% 0.1689 263.66)` | Naval Adventures | white, 12.6 to 1 |
| 13 | `#032991` | `oklch(34.48% 0.1734 263.58)` | Blue Torus | white, 12.1 to 1 |
| 14 | `#042c97` | `oklch(35.71% 0.1779 263.50)` | Blue Torus | white, 11.5 to 1 |
| 15 | `#042f9d` | `oklch(36.90% 0.1824 263.42)` | Smalt | white, 11 to 1 |
| 16 | `#0432a3` | `oklch(38.04% 0.1867 263.35)` | International Klein Blue | white, 10.5 to 1 |
| 17 | `#0535a9` | `oklch(39.12% 0.1909 263.28)` | Blue Hour | white, 10 to 1 |
| 18 | `#0537af` | `oklch(40.24% 0.1953 263.21)` | Blue Hour | white, 9.6 to 1 |
| 19 | `#053ab5` | `oklch(41.41% 0.2000 263.14)` | Persian Blue | white, 9.1 to 1 |
| 20 | `#063dbc` | `oklch(42.60% 0.2049 263.06)` | Persian Blue | white, 8.7 to 1 |
| 21 | `#0640c3` | `oklch(43.81% 0.2099 262.98)` | Once in a Blue Moon | white, 8.3 to 1 |
| 22 | `#0643ca` | `oklch(45.02% 0.2150 262.90)` | Flying Fish Blue | white, 7.9 to 1 |
| 23 | `#0646d0` | `oklch(46.23% 0.2201 262.82)` | Flying Fish Blue | white, 7.5 to 1 |
| 24 | `#0549d7` | `oklch(47.42% 0.2251 262.74)` | Merchant Marine Blue | white, 7.1 to 1 |
| 25 | `#054cde` | `oklch(48.57% 0.2300 262.67)` | Merchant Marine Blue | white, 6.8 to 1 |
| 26 | `#054fe4` | `oklch(49.69% 0.2348 262.59)` | Frosted Blueberries | white, 6.4 to 1 |
| 27 | `#0451eb` | `oklch(50.74% 0.2393 262.52)` | Opulent Blue | white, 6.2 to 1 |
| 28 | `#0454f0` | `oklch(51.72% 0.2435 262.46)` | Opulent Blue | white, 5.9 to 1 |
| 29 | `#0356f6` | `oklch(52.63% 0.2474 262.40)` | Megaman Helmet | white, 5.7 to 1 |
| 30 | `#0358fb` | `oklch(53.44% 0.2508 262.35)` | Megaman Helmet | white, 5.5 to 1 |
| 31 | `#025aff` | `oklch(54.14% 0.2538 262.30)` | Light Shōjin Blue | white, 5.3 to 1 |
| 32 | `#085dff` | `oklch(54.72% 0.2507 262.26)` | Kyanite | white, 5.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #000a53 0.0%, #000c56 3.2%, #010e5a 6.5%, #01105e 9.7%, #011262 12.9%, #011567 16.1%, #01176c 19.4%, #011a72 22.6%, #021d78 25.8%, #02207e 29.0%, #022384 32.3%, #03268a 35.5%, #032991 38.7%, #042c97 41.9%, #042f9d 45.2%, #0432a3 48.4%, #0535a9 51.6%, #0537af 54.8%, #053ab5 58.1%, #063dbc 61.3%, #0640c3 64.5%, #0643ca 67.7%, #0646d0 71.0%, #0549d7 74.2%, #054cde 77.4%, #054fe4 80.6%, #0451eb 83.9%, #0454f0 87.1%, #0356f6 90.3%, #0358fb 93.5%, #025aff 96.8%, #085dff 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.1281 264.38) 0.0%, oklch(22.27% 0.1303 264.34) 3.2%, oklch(23.02% 0.1330 264.29) 6.5%, oklch(23.88% 0.1360 264.24) 9.7%, oklch(24.84% 0.1393 264.18) 12.9%, oklch(25.89% 0.1430 264.11) 16.1%, oklch(27.01% 0.1469 264.04) 19.4%, oklch(28.19% 0.1510 263.97) 22.6%, oklch(29.42% 0.1553 263.89) 25.8%, oklch(30.67% 0.1598 263.82) 29.0%, oklch(31.95% 0.1643 263.74) 32.3%, oklch(33.22% 0.1689 263.66) 35.5%, oklch(34.48% 0.1734 263.58) 38.7%, oklch(35.71% 0.1779 263.50) 41.9%, oklch(36.90% 0.1824 263.42) 45.2%, oklch(38.04% 0.1867 263.35) 48.4%, oklch(39.12% 0.1909 263.28) 51.6%, oklch(40.24% 0.1953 263.21) 54.8%, oklch(41.41% 0.2000 263.14) 58.1%, oklch(42.60% 0.2049 263.06) 61.3%, oklch(43.81% 0.2099 262.98) 64.5%, oklch(45.02% 0.2150 262.90) 67.7%, oklch(46.23% 0.2201 262.82) 71.0%, oklch(47.42% 0.2251 262.74) 74.2%, oklch(48.57% 0.2300 262.67) 77.4%, oklch(49.69% 0.2348 262.59) 80.6%, oklch(50.74% 0.2393 262.52) 83.9%, oklch(51.72% 0.2435 262.46) 87.1%, oklch(52.63% 0.2474 262.40) 90.3%, oklch(53.44% 0.2508 262.35) 93.5%, oklch(54.14% 0.2538 262.30) 96.8%, oklch(54.72% 0.2507 262.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.128 | 264.4 |
| 2 | 0.386 | 0.189 | 263.3 |
| 3 | 0.547 | 0.256 | 262.3 |

## In these collections

- [Electric blue gradients](https://grabient.com/electric-blue-gradients)

## Other forms

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