# Black, navy, olive and blue radial gradient

Black, navy, olive and blue radial gradient with 32 colors: #1a1301, #191700, #121d04, #012411, #002824, #002c33, #002f43, #003255, #04355e, #003b5b, #004251, #004846, #004e34, #304e1d, #4b4d0d, #5b4e0a, #645510, #68641b, #617934, #4a915b, #11a58a, #00afb5, #00b3d4, #21afde, #15a6ce, #0093a8, #007979, #0c5b49, #1b3b21, #171f07, #0b0a01, #030200. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWMBtAqJ_SzeerZZLs-CwawI`
- Page: https://grabient.com/kWMBtAqJ_SzeerZZLs-CwawI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 8.2 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 | `#1a1301` | `oklch(18.90% 0.0372 90.70)` | Crowshead | white, 18.5 to 1 |
| 2 | `#191700` | `oklch(19.95% 0.0416 105.77)` | Pinch of Pepper | white, 18 to 1 |
| 3 | `#121d04` | `oklch(21.36% 0.0478 128.33)` | Yuzu Soy | white, 17.4 to 1 |
| 4 | `#012411` | `oklch(23.04% 0.0552 155.33)` | Clock Chimes Thirteen | white, 16.5 to 1 |
| 5 | `#002824` | `oklch(24.91% 0.0442 183.67)` | Deep Slate Green | white, 15.7 to 1 |
| 6 | `#002c33` | `oklch(26.85% 0.0465 210.51)` | Black Chasm | white, 14.9 to 1 |
| 7 | `#002f43` | `oklch(28.79% 0.0591 232.53)` | Cosmos Blue | white, 14 to 1 |
| 8 | `#003255` | `oklch(30.63% 0.0800 246.70)` | Night Dive | white, 13.2 to 1 |
| 9 | `#04355e` | `oklch(32.28% 0.0875 249.87)` | Effervescent Blue | white, 12.5 to 1 |
| 10 | `#003b5b` | `oklch(33.71% 0.0773 240.03)` | Poseidon | white, 11.7 to 1 |
| 11 | `#004251` | `oklch(34.98% 0.0635 219.66)` | Crab Nebula | white, 11 to 1 |
| 12 | `#004846` | `oklch(36.19% 0.0620 192.72)` | Cyprus | white, 10.4 to 1 |
| 13 | `#004e34` | `oklch(37.45% 0.0808 163.14)` | Chrysocolla Dark Green | white, 9.8 to 1 |
| 14 | `#304e1d` | `oklch(38.85% 0.0833 134.87)` | Chestnut Green | white, 9.3 to 1 |
| 15 | `#4b4d0d` | `oklch(40.52% 0.0824 111.66)` | Scorzonera Brown | white, 8.8 to 1 |
| 16 | `#5b4e0a` | `oklch(42.53% 0.0830 97.45)` | Scorzonera Brown | white, 8.2 to 1 |
| 17 | `#645510` | `oklch(45.16% 0.0859 95.85)` | Olive Brown | white, 7.3 to 1 |
| 18 | `#68641b` | `oklch(49.22% 0.0920 106.41)` | Greenish Brown | white, 6.1 to 1 |
| 19 | `#617934` | `oklch(54.23% 0.1003 125.61)` | Mangrove Leaf | white, 4.8 to 1 |
| 20 | `#4a915b` | `oklch(59.53% 0.1094 149.90)` | Ineffable Forest | black, 5.4 to 1 |
| 21 | `#11a58a` | `oklch(64.48% 0.1182 175.71)` | Brilliant Turquoise | black, 6.7 to 1 |
| 22 | `#00afb5` | `oklch(68.41% 0.1163 199.47)` | Mermaid Treasure | black, 7.7 to 1 |
| 23 | `#00b3d4` | `oklch(70.65% 0.1267 217.64)` | Aquarius | black, 8.3 to 1 |
| 24 | `#21afde` | `oklch(70.55% 0.1290 226.62)` | Royal Peacock | black, 8.2 to 1 |
| 25 | `#15a6ce` | `oklch(67.34% 0.1231 224.05)` | Sardinia Beaches | black, 7.3 to 1 |
| 26 | `#0093a8` | `oklch(60.94% 0.1063 212.29)` | Brilliant | black, 5.7 to 1 |
| 27 | `#007979` | `oklch(52.28% 0.0894 193.96)` | Buzzards Bay | white, 5.2 to 1 |
| 28 | `#0c5b49` | `oklch(42.31% 0.0781 171.65)` | Evergreen | white, 8 to 1 |
| 29 | `#1b3b21` | `oklch(32.00% 0.0597 147.91)` | Deep Fir | white, 12.3 to 1 |
| 30 | `#171f07` | `oklch(22.32% 0.0423 125.33)` | Nightmare | white, 17 to 1 |
| 31 | `#0b0a01` | `oklch(14.22% 0.0279 106.46)` | Whiten’t | white, 19.8 to 1 |
| 32 | `#030200` | `oklch(8.66% 0.0178 93.70)` | Armour Wash | white, 20.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1a1301 0.0%, #191700 3.2%, #121d04 6.5%, #012411 9.7%, #002824 12.9%, #002c33 16.1%, #002f43 19.4%, #003255 22.6%, #04355e 25.8%, #003b5b 29.0%, #004251 32.3%, #004846 35.5%, #004e34 38.7%, #304e1d 41.9%, #4b4d0d 45.2%, #5b4e0a 48.4%, #645510 51.6%, #68641b 54.8%, #617934 58.1%, #4a915b 61.3%, #11a58a 64.5%, #00afb5 67.7%, #00b3d4 71.0%, #21afde 74.2%, #15a6ce 77.4%, #0093a8 80.6%, #007979 83.9%, #0c5b49 87.1%, #1b3b21 90.3%, #171f07 93.5%, #0b0a01 96.8%, #030200 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(18.90% 0.0372 90.70) 0.0%, oklch(19.95% 0.0416 105.77) 3.2%, oklch(21.36% 0.0478 128.33) 6.5%, oklch(23.04% 0.0552 155.33) 9.7%, oklch(24.91% 0.0442 183.67) 12.9%, oklch(26.85% 0.0465 210.51) 16.1%, oklch(28.79% 0.0591 232.53) 19.4%, oklch(30.63% 0.0800 246.70) 22.6%, oklch(32.28% 0.0875 249.87) 25.8%, oklch(33.71% 0.0773 240.03) 29.0%, oklch(34.98% 0.0635 219.66) 32.3%, oklch(36.19% 0.0620 192.72) 35.5%, oklch(37.45% 0.0808 163.14) 38.7%, oklch(38.85% 0.0833 134.87) 41.9%, oklch(40.52% 0.0824 111.66) 45.2%, oklch(42.53% 0.0830 97.45) 48.4%, oklch(45.16% 0.0859 95.85) 51.6%, oklch(49.22% 0.0920 106.41) 54.8%, oklch(54.23% 0.1003 125.61) 58.1%, oklch(59.53% 0.1094 149.90) 61.3%, oklch(64.48% 0.1182 175.71) 64.5%, oklch(68.41% 0.1163 199.47) 67.7%, oklch(70.65% 0.1267 217.64) 71.0%, oklch(70.55% 0.1290 226.62) 74.2%, oklch(67.34% 0.1231 224.05) 77.4%, oklch(60.94% 0.1063 212.29) 80.6%, oklch(52.28% 0.0894 193.96) 83.9%, oklch(42.31% 0.0781 171.65) 87.1%, oklch(32.00% 0.0597 147.91) 90.3%, oklch(22.32% 0.0423 125.33) 93.5%, oklch(14.22% 0.0279 106.46) 96.8%, oklch(8.66% 0.0178 93.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.037 | 90.7 |
| 2 | 0.319 | 0.087 | 250.3 |
| 3 | 0.437 | 0.084 | 94.9 |
| 4 | 0.701 | 0.128 | 227 |
| 5 | 0.087 | 0.018 | 93.9 |

## Other forms

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