# Monochrome black, blue and light blue radial gradient

Monochrome black, blue and light blue radial gradient with 48 colors: #010204, #010206, #01030a, #01040f, #000616, #00091d, #000c24, #000f2d, #001235, #00163d, #001a46, #001f4f, #002458, #002962, #002e6c, #003476, #003b80, #00418a, #004894, #004f9d, #0056a6, #005eaf, #0066b8, #006fc1, #0077c9, #0080d2, #0088da, #1991de, #2c99e0, #3ba1e3, #49a9e4, #56b0e6, #64b7e7, #72bee8, #7fc5e8, #8ccbe9, #98d0ea, #a4d6eb, #afdbed, #b9dfef, #c3e4f1, #cde8f3, #d6edf5, #dff0f7, #e7f4f9, #eef7fa, #f4fafc, #f8fcfd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYFAu1nCDATbIv5UMz57RQ9_2Bv0`
- Page: https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0?style=radialGradient&steps=48&angle=0
- Drawn as: radial gradient, 48 steps, 0 degrees
- Kinds: dark to light, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 20.1 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 | `#010204` | `oklch(7.87% 0.0152 255.23)` | Black Hole | white, 20.7 to 1 |
| 2 | `#010206` | `oklch(8.75% 0.0197 255.47)` | Raven’s Coat | white, 20.7 to 1 |
| 3 | `#01030a` | `oklch(9.84% 0.0254 255.81)` | Ninja | white, 20.6 to 1 |
| 4 | `#01040f` | `oklch(11.12% 0.0322 256.23)` | Eight Ball | white, 20.4 to 1 |
| 5 | `#000616` | `oklch(12.56% 0.0397 256.69)` | Melanophobia | white, 20.2 to 1 |
| 6 | `#00091d` | `oklch(14.14% 0.0480 257.16)` | Melanophobia | white, 19.9 to 1 |
| 7 | `#000c24` | `oklch(15.84% 0.0569 257.59)` | Void | white, 19.5 to 1 |
| 8 | `#000f2d` | `oklch(17.63% 0.0661 258.27)` | Squid’s Ink | white, 19 to 1 |
| 9 | `#001235` | `oklch(19.47% 0.0740 258.60)` | Squid’s Ink | white, 18.4 to 1 |
| 10 | `#00163d` | `oklch(21.32% 0.0813 258.66)` | Navy | white, 17.7 to 1 |
| 11 | `#001a46` | `oklch(23.20% 0.0883 258.61)` | Maastricht Blue | white, 16.9 to 1 |
| 12 | `#001f4f` | `oklch(25.19% 0.0955 258.52)` | Subnautical | white, 16 to 1 |
| 13 | `#002458` | `oklch(27.28% 0.1027 258.38)` | Clarinet | white, 15.1 to 1 |
| 14 | `#002962` | `oklch(29.45% 0.1099 258.19)` | Blue Leviathan | white, 14 to 1 |
| 15 | `#002e6c` | `oklch(31.70% 0.1169 257.92)` | Deep Sea Dream | white, 13 to 1 |
| 16 | `#003476` | `oklch(33.99% 0.1236 257.58)` | Dark Midnight Blue | white, 11.9 to 1 |
| 17 | `#003b80` | `oklch(36.32% 0.1296 257.13)` | Cobalt Blue Tarantula | white, 10.8 to 1 |
| 18 | `#00418a` | `oklch(38.68% 0.1350 256.58)` | Pacific Depths | white, 9.8 to 1 |
| 19 | `#004894` | `oklch(41.04% 0.1396 255.90)` | Liberalist | white, 8.9 to 1 |
| 20 | `#004f9d` | `oklch(43.39% 0.1434 255.10)` | Freshwater Lake | white, 8 to 1 |
| 21 | `#0056a6` | `oklch(45.79% 0.1464 254.14)` | Raiden Blue | white, 7.2 to 1 |
| 22 | `#005eaf` | `oklch(48.27% 0.1490 253.03)` | Greek Flag Blue | white, 6.5 to 1 |
| 23 | `#0066b8` | `oklch(50.78% 0.1511 251.81)` | Ephren Blue | white, 5.8 to 1 |
| 24 | `#006fc1` | `oklch(53.33% 0.1529 250.47)` | Indigo Carmine | white, 5.2 to 1 |
| 25 | `#0077c9` | `oklch(55.88% 0.1543 249.05)` | Science Blue | white, 4.6 to 1 |
| 26 | `#0080d2` | `oklch(58.41% 0.1556 247.56)` | Electron Blue | black, 5 to 1 |
| 27 | `#0088da` | `oklch(60.90% 0.1567 246.02)` | Blue Cola | black, 5.5 to 1 |
| 28 | `#1991de` | `oklch(63.33% 0.1506 244.45)` | Kahu Blue | black, 6.1 to 1 |
| 29 | `#2c99e0` | `oklch(65.68% 0.1421 242.87)` | Homeworld | black, 6.7 to 1 |
| 30 | `#3ba1e3` | `oklch(67.97% 0.1341 241.23)` | Perfect Days | black, 7.3 to 1 |
| 31 | `#49a9e4` | `oklch(70.23% 0.1253 239.41)` | High Blue | black, 8 to 1 |
| 32 | `#56b0e6` | `oklch(72.47% 0.1160 237.47)` | Blue Jeans | black, 8.7 to 1 |
| 33 | `#64b7e7` | `oklch(74.68% 0.1062 235.46)` | Sea Frolic | black, 9.5 to 1 |
| 34 | `#72bee8` | `oklch(76.84% 0.0963 233.44)` | Costa Rica Blue | black, 10.2 to 1 |
| 35 | `#7fc5e8` | `oklch(78.94% 0.0865 231.46)` | Spritzig | black, 11 to 1 |
| 36 | `#8ccbe9` | `oklch(80.96% 0.0770 229.60)` | Airy Blue | black, 11.8 to 1 |
| 37 | `#98d0ea` | `oklch(82.91% 0.0680 227.89)` | Light Whimsy | black, 12.5 to 1 |
| 38 | `#a4d6eb` | `oklch(84.76% 0.0597 226.41)` | Blue Bubble | black, 13.3 to 1 |
| 39 | `#afdbed` | `oklch(86.52% 0.0522 225.19)` | Whimsy Blue | black, 14.1 to 1 |
| 40 | `#b9dfef` | `oklch(88.25% 0.0452 224.18)` | Fountains of Budapest | black, 14.9 to 1 |
| 41 | `#c3e4f1` | `oklch(89.93% 0.0384 223.35)` | Skylark | black, 15.6 to 1 |
| 42 | `#cde8f3` | `oklch(91.56% 0.0320 222.66)` | On Thin Ice | black, 16.4 to 1 |
| 43 | `#d6edf5` | `oklch(93.11% 0.0260 222.09)` | Sparkling River | black, 17.2 to 1 |
| 44 | `#dff0f7` | `oklch(94.55% 0.0205 221.63)` | Diamond White | black, 17.9 to 1 |
| 45 | `#e7f4f9` | `oklch(95.87% 0.0154 221.25)` | Milky Way | black, 18.6 to 1 |
| 46 | `#eef7fa` | `oklch(97.03% 0.0110 220.93)` | Silent Snowfall | black, 19.3 to 1 |
| 47 | `#f4fafc` | `oklch(98.02% 0.0072 220.64)` | Zhēn Zhū Bái Pearl | black, 19.8 to 1 |
| 48 | `#f8fcfd` | `oklch(98.82% 0.0041 220.36)` | Deutzia White | black, 20.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #010204 0.0%, #010206 2.1%, #01030a 4.3%, #01040f 6.4%, #000616 8.5%, #00091d 10.6%, #000c24 12.8%, #000f2d 14.9%, #001235 17.0%, #00163d 19.1%, #001a46 21.3%, #001f4f 23.4%, #002458 25.5%, #002962 27.7%, #002e6c 29.8%, #003476 31.9%, #003b80 34.0%, #00418a 36.2%, #004894 38.3%, #004f9d 40.4%, #0056a6 42.6%, #005eaf 44.7%, #0066b8 46.8%, #006fc1 48.9%, #0077c9 51.1%, #0080d2 53.2%, #0088da 55.3%, #1991de 57.4%, #2c99e0 59.6%, #3ba1e3 61.7%, #49a9e4 63.8%, #56b0e6 66.0%, #64b7e7 68.1%, #72bee8 70.2%, #7fc5e8 72.3%, #8ccbe9 74.5%, #98d0ea 76.6%, #a4d6eb 78.7%, #afdbed 80.9%, #b9dfef 83.0%, #c3e4f1 85.1%, #cde8f3 87.2%, #d6edf5 89.4%, #dff0f7 91.5%, #e7f4f9 93.6%, #eef7fa 95.7%, #f4fafc 97.9%, #f8fcfd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(7.87% 0.0152 255.23) 0.0%, oklch(8.75% 0.0197 255.47) 2.1%, oklch(9.84% 0.0254 255.81) 4.3%, oklch(11.12% 0.0322 256.23) 6.4%, oklch(12.56% 0.0397 256.69) 8.5%, oklch(14.14% 0.0480 257.16) 10.6%, oklch(15.84% 0.0569 257.59) 12.8%, oklch(17.63% 0.0661 258.27) 14.9%, oklch(19.47% 0.0740 258.60) 17.0%, oklch(21.32% 0.0813 258.66) 19.1%, oklch(23.20% 0.0883 258.61) 21.3%, oklch(25.19% 0.0955 258.52) 23.4%, oklch(27.28% 0.1027 258.38) 25.5%, oklch(29.45% 0.1099 258.19) 27.7%, oklch(31.70% 0.1169 257.92) 29.8%, oklch(33.99% 0.1236 257.58) 31.9%, oklch(36.32% 0.1296 257.13) 34.0%, oklch(38.68% 0.1350 256.58) 36.2%, oklch(41.04% 0.1396 255.90) 38.3%, oklch(43.39% 0.1434 255.10) 40.4%, oklch(45.79% 0.1464 254.14) 42.6%, oklch(48.27% 0.1490 253.03) 44.7%, oklch(50.78% 0.1511 251.81) 46.8%, oklch(53.33% 0.1529 250.47) 48.9%, oklch(55.88% 0.1543 249.05) 51.1%, oklch(58.41% 0.1556 247.56) 53.2%, oklch(60.90% 0.1567 246.02) 55.3%, oklch(63.33% 0.1506 244.45) 57.4%, oklch(65.68% 0.1421 242.87) 59.6%, oklch(67.97% 0.1341 241.23) 61.7%, oklch(70.23% 0.1253 239.41) 63.8%, oklch(72.47% 0.1160 237.47) 66.0%, oklch(74.68% 0.1062 235.46) 68.1%, oklch(76.84% 0.0963 233.44) 70.2%, oklch(78.94% 0.0865 231.46) 72.3%, oklch(80.96% 0.0770 229.60) 74.5%, oklch(82.91% 0.0680 227.89) 76.6%, oklch(84.76% 0.0597 226.41) 78.7%, oklch(86.52% 0.0522 225.19) 80.9%, oklch(88.25% 0.0452 224.18) 83.0%, oklch(89.93% 0.0384 223.35) 85.1%, oklch(91.56% 0.0320 222.66) 87.2%, oklch(93.11% 0.0260 222.09) 89.4%, oklch(94.55% 0.0205 221.63) 91.5%, oklch(95.87% 0.0154 221.25) 93.6%, oklch(97.03% 0.0110 220.93) 95.7%, oklch(98.02% 0.0072 220.64) 97.9%, oklch(98.82% 0.0041 220.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.079 | 0.015 | 255.2 |
| 2 | 0.22 | 0.09 | 258.4 |
| 3 | 0.429 | 0.2 | 255.2 |
| 4 | 0.661 | 0.141 | 242.6 |
| 5 | 0.858 | 0.055 | 225.6 |
| 6 | 0.988 | 0.004 | 220.4 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)
- [Remote sensing gradients](https://grabient.com/remote-sensing-gradients)

## Other forms

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