# Cobalt nebula gradient

Analogous navy, blue and lavender radial gradient with 32 colors: #020616, #02071a, #030921, #030c29, #040f32, #06123c, #071647, #0a1951, #0c1d5a, #0f2064, #12236e, #142778, #182a82, #1b2e8c, #203296, #25379f, #2b3ca8, #3241af, #3946b6, #414bbd, #4950c3, #5257c9, #5b5fcf, #6668d5, #7173dc, #7f81e2, #8f91e9, #a0a2ee, #b0b2f4, #bfc1f8, #cccdfc, #d6d6ff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous navy, blue and lavender radial gradient
- Seed: `kWIBy8IShALO-QFJu0EcRRAg`
- Page: https://grabient.com/kWIBy8IShALO-QFJu0EcRRAg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 14.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 | `#020616` | `oklch(12.60% 0.0386 264.38)` | Melanophobia | white, 20.2 to 1 |
| 2 | `#02071a` | `oklch(13.66% 0.0444 264.54)` | Melanophobia | white, 20 to 1 |
| 3 | `#030921` | `oklch(15.07% 0.0523 264.74)` | Melanophobia | white, 19.7 to 1 |
| 4 | `#030c29` | `oklch(16.75% 0.0616 264.99)` | Void | white, 19.2 to 1 |
| 5 | `#040f32` | `oklch(18.62% 0.0719 265.27)` | Infinite Night | white, 18.7 to 1 |
| 6 | `#06123c` | `oklch(20.60% 0.0827 265.57)` | Deep Cove | white, 18 to 1 |
| 7 | `#071647` | `oklch(22.62% 0.0934 265.90)` | Deadly Depths | white, 17.2 to 1 |
| 8 | `#0a1951` | `oklch(24.59% 0.1034 266.23)` | Shadowdancer | white, 16.4 to 1 |
| 9 | `#0c1d5a` | `oklch(26.43% 0.1124 266.57)` | Downriver | white, 15.6 to 1 |
| 10 | `#0f2064` | `oklch(28.24% 0.1214 266.87)` | Pure Midnight | white, 14.8 to 1 |
| 11 | `#12236e` | `oklch(30.04% 0.1307 267.14)` | Abyssal Depths | white, 14 to 1 |
| 12 | `#142778` | `oklch(31.87% 0.1400 267.42)` | Impression of Obscurity | white, 13.2 to 1 |
| 13 | `#182a82` | `oklch(33.72% 0.1488 267.74)` | Below the Surface | white, 12.3 to 1 |
| 14 | `#1b2e8c` | `oklch(35.61% 0.1568 268.13)` | US Air Force Blue | white, 11.5 to 1 |
| 15 | `#203296` | `oklch(37.54% 0.1636 268.63)` | North Star Blue | white, 10.7 to 1 |
| 16 | `#25379f` | `oklch(39.53% 0.1689 269.27)` | North Star Blue | white, 9.8 to 1 |
| 17 | `#2b3ca8` | `oklch(41.56% 0.1725 270.10)` | Yuè Guāng Lán Blue | white, 9 to 1 |
| 18 | `#3241af` | `oklch(43.52% 0.1751 271.16)` | Early Spring Night | white, 8.3 to 1 |
| 19 | `#3946b6` | `oklch(45.45% 0.1768 272.41)` | Night in Manchester | white, 7.7 to 1 |
| 20 | `#414bbd` | `oklch(47.42% 0.1774 273.76)` | Kikorangi Blue | white, 7 to 1 |
| 21 | `#4950c3` | `oklch(49.49% 0.1766 275.16)` | Free Speech Blue | white, 6.4 to 1 |
| 22 | `#5257c9` | `oklch(51.75% 0.1743 276.53)` | Gorgonzola Blue | white, 5.8 to 1 |
| 23 | `#5b5fcf` | `oklch(54.27% 0.1703 277.81)` | Dark Periwinkle | white, 5.2 to 1 |
| 24 | `#6668d5` | `oklch(57.11% 0.1644 278.92)` | Exodus Fruit | white, 4.6 to 1 |
| 25 | `#7173dc` | `oklch(60.47% 0.1557 279.87)` | C64 Purple | black, 5.1 to 1 |
| 26 | `#7f81e2` | `oklch(64.58% 0.1429 280.75)` | Tanzine | black, 6.1 to 1 |
| 27 | `#8f91e9` | `oklch(69.16% 0.1274 281.57)` | Perrywinkle | black, 7.3 to 1 |
| 28 | `#a0a2ee` | `oklch(73.91% 0.1105 282.32)` | Cold Lips | black, 8.8 to 1 |
| 29 | `#b0b2f4` | `oklch(78.57% 0.0935 282.99)` | Wondrous Wisteria | black, 10.5 to 1 |
| 30 | `#bfc1f8` | `oklch(82.82% 0.0777 283.57)` | Light Periwinkle | black, 12.1 to 1 |
| 31 | `#cccdfc` | `oklch(86.39% 0.0644 284.06)` | Lavender Blue | black, 13.7 to 1 |
| 32 | `#d6d6ff` | `oklch(88.98% 0.0551 284.45)` | Pale Phthalo Blue | black, 14.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #020616 0.0%, #02071a 3.2%, #030921 6.5%, #030c29 9.7%, #040f32 12.9%, #06123c 16.1%, #071647 19.4%, #0a1951 22.6%, #0c1d5a 25.8%, #0f2064 29.0%, #12236e 32.3%, #142778 35.5%, #182a82 38.7%, #1b2e8c 41.9%, #203296 45.2%, #25379f 48.4%, #2b3ca8 51.6%, #3241af 54.8%, #3946b6 58.1%, #414bbd 61.3%, #4950c3 64.5%, #5257c9 67.7%, #5b5fcf 71.0%, #6668d5 74.2%, #7173dc 77.4%, #7f81e2 80.6%, #8f91e9 83.9%, #a0a2ee 87.1%, #b0b2f4 90.3%, #bfc1f8 93.5%, #cccdfc 96.8%, #d6d6ff 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(12.60% 0.0386 264.38) 0.0%, oklch(13.66% 0.0444 264.54) 3.2%, oklch(15.07% 0.0523 264.74) 6.5%, oklch(16.75% 0.0616 264.99) 9.7%, oklch(18.62% 0.0719 265.27) 12.9%, oklch(20.60% 0.0827 265.57) 16.1%, oklch(22.62% 0.0934 265.90) 19.4%, oklch(24.59% 0.1034 266.23) 22.6%, oklch(26.43% 0.1124 266.57) 25.8%, oklch(28.24% 0.1214 266.87) 29.0%, oklch(30.04% 0.1307 267.14) 32.3%, oklch(31.87% 0.1400 267.42) 35.5%, oklch(33.72% 0.1488 267.74) 38.7%, oklch(35.61% 0.1568 268.13) 41.9%, oklch(37.54% 0.1636 268.63) 45.2%, oklch(39.53% 0.1689 269.27) 48.4%, oklch(41.56% 0.1725 270.10) 51.6%, oklch(43.52% 0.1751 271.16) 54.8%, oklch(45.45% 0.1768 272.41) 58.1%, oklch(47.42% 0.1774 273.76) 61.3%, oklch(49.49% 0.1766 275.16) 64.5%, oklch(51.75% 0.1743 276.53) 67.7%, oklch(54.27% 0.1703 277.81) 71.0%, oklch(57.11% 0.1644 278.92) 74.2%, oklch(60.47% 0.1557 279.87) 77.4%, oklch(64.58% 0.1429 280.75) 80.6%, oklch(69.16% 0.1274 281.57) 83.9%, oklch(73.91% 0.1105 282.32) 87.1%, oklch(78.57% 0.0935 282.99) 90.3%, oklch(82.82% 0.0777 283.57) 93.5%, oklch(86.39% 0.0644 284.06) 96.8%, oklch(88.98% 0.0551 284.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.126 | 0.039 | 264.4 |
| 2 | 0.26 | 0.11 | 266.5 |
| 3 | 0.406 | 0.171 | 269.7 |
| 4 | 0.579 | 0.163 | 279.2 |
| 5 | 0.89 | 0.055 | 284.5 |

## In these collections

- [Galaxy Z Fold8 gradients](https://grabient.com/galaxy-z-fold8-gradients)

## Other forms

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