# Analogous black, navy and teal radial gradient

Analogous black, navy and teal radial gradient with 32 colors: #00121b, #00131c, #00141e, #00151f, #001721, #001823, #001a25, #001c27, #001e29, #00202b, #00222e, #002430, #002733, #002935, #002b37, #002d3a, #002f3c, #00313e, #003441, #003643, #003946, #003b49, #003e4b, #00414e, #004351, #004653, #004856, #004b58, #004d5a, #004f5c, #00505d, #00525f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSKySjo50-7Mkvu`
- Page: https://grabient.com/kSKySjo50-7Mkvu?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: vivid, dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#00121b` | `oklch(16.96% 0.0340 230.53)` | Kuretake Black Manga | white, 19 to 1 |
| 2 | `#00131c` | `oklch(17.36% 0.0347 230.18)` | Kuretake Black Manga | white, 18.9 to 1 |
| 3 | `#00141e` | `oklch(17.83% 0.0354 229.76)` | Kuretake Black Manga | white, 18.7 to 1 |
| 4 | `#00151f` | `oklch(18.38% 0.0363 229.29)` | Creeping Death | white, 18.6 to 1 |
| 5 | `#001721` | `oklch(18.99% 0.0373 228.76)` | Creeping Death | white, 18.3 to 1 |
| 6 | `#001823` | `oklch(19.65% 0.0384 228.20)` | Creeping Death | white, 18.1 to 1 |
| 7 | `#001a25` | `oklch(20.36% 0.0395 227.60)` | Creeping Death | white, 17.8 to 1 |
| 8 | `#001c27` | `oklch(21.11% 0.0408 226.98)` | Oxford by Night | white, 17.5 to 1 |
| 9 | `#001e29` | `oklch(21.89% 0.0420 226.34)` | Oxford by Night | white, 17.2 to 1 |
| 10 | `#00202b` | `oklch(22.70% 0.0433 225.68)` | Midnight Dreams | white, 16.8 to 1 |
| 11 | `#00222e` | `oklch(23.52% 0.0446 225.02)` | Midnight Dreams | white, 16.5 to 1 |
| 12 | `#002430` | `oklch(24.35% 0.0459 224.36)` | Midnight Dreams | white, 16.1 to 1 |
| 13 | `#002733` | `oklch(25.18% 0.0472 223.71)` | Daintree | white, 15.7 to 1 |
| 14 | `#002935` | `oklch(26.00% 0.0485 223.07)` | Daintree | white, 15.3 to 1 |
| 15 | `#002b37` | `oklch(26.80% 0.0497 222.46)` | Black Chasm | white, 14.9 to 1 |
| 16 | `#002d3a` | `oklch(27.59% 0.0509 221.87)` | Black Chasm | white, 14.6 to 1 |
| 17 | `#002f3c` | `oklch(28.35% 0.0521 221.30)` | Nordic Noir | white, 14.2 to 1 |
| 18 | `#00313e` | `oklch(29.15% 0.0533 220.71)` | Nordic Noir | white, 13.8 to 1 |
| 19 | `#003441` | `oklch(30.00% 0.0547 220.10)` | Nordic Noir | white, 13.4 to 1 |
| 20 | `#003643` | `oklch(30.88% 0.0560 219.47)` | Natural Indigo | white, 13 to 1 |
| 21 | `#003946` | `oklch(31.78% 0.0574 218.83)` | Natural Indigo | white, 12.5 to 1 |
| 22 | `#003b49` | `oklch(32.70% 0.0588 218.19)` | Ghostlands Coal | white, 12.1 to 1 |
| 23 | `#003e4b` | `oklch(33.62% 0.0602 217.55)` | Ghostlands Coal | white, 11.7 to 1 |
| 24 | `#00414e` | `oklch(34.53% 0.0616 216.92)` | Cold and Dark | white, 11.2 to 1 |
| 25 | `#004351` | `oklch(35.42% 0.0630 216.31)` | Crab Nebula | white, 10.8 to 1 |
| 26 | `#004653` | `oklch(36.27% 0.0643 215.72)` | Crab Nebula | white, 10.5 to 1 |
| 27 | `#004856` | `oklch(37.09% 0.0656 215.16)` | Midnight Green | white, 10.1 to 1 |
| 28 | `#004b58` | `oklch(37.85% 0.0667 214.63)` | Watercolour Blue | white, 9.8 to 1 |
| 29 | `#004d5a` | `oklch(38.55% 0.0678 214.15)` | Watercolour Blue | white, 9.5 to 1 |
| 30 | `#004f5c` | `oklch(39.18% 0.0688 213.72)` | Kali Blue | white, 9.2 to 1 |
| 31 | `#00505d` | `oklch(39.72% 0.0696 213.35)` | Kali Blue | white, 9 to 1 |
| 32 | `#00525f` | `oklch(40.16% 0.0703 213.04)` | Sandalwood Grey Blue | white, 8.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #00121b 0.0%, #00131c 3.2%, #00141e 6.5%, #00151f 9.7%, #001721 12.9%, #001823 16.1%, #001a25 19.4%, #001c27 22.6%, #001e29 25.8%, #00202b 29.0%, #00222e 32.3%, #002430 35.5%, #002733 38.7%, #002935 41.9%, #002b37 45.2%, #002d3a 48.4%, #002f3c 51.6%, #00313e 54.8%, #003441 58.1%, #003643 61.3%, #003946 64.5%, #003b49 67.7%, #003e4b 71.0%, #00414e 74.2%, #004351 77.4%, #004653 80.6%, #004856 83.9%, #004b58 87.1%, #004d5a 90.3%, #004f5c 93.5%, #00505d 96.8%, #00525f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.96% 0.0340 230.53) 0.0%, oklch(17.36% 0.0347 230.18) 3.2%, oklch(17.83% 0.0354 229.76) 6.5%, oklch(18.38% 0.0363 229.29) 9.7%, oklch(18.99% 0.0373 228.76) 12.9%, oklch(19.65% 0.0384 228.20) 16.1%, oklch(20.36% 0.0395 227.60) 19.4%, oklch(21.11% 0.0408 226.98) 22.6%, oklch(21.89% 0.0420 226.34) 25.8%, oklch(22.70% 0.0433 225.68) 29.0%, oklch(23.52% 0.0446 225.02) 32.3%, oklch(24.35% 0.0459 224.36) 35.5%, oklch(25.18% 0.0472 223.71) 38.7%, oklch(26.00% 0.0485 223.07) 41.9%, oklch(26.80% 0.0497 222.46) 45.2%, oklch(27.59% 0.0509 221.87) 48.4%, oklch(28.35% 0.0521 221.30) 51.6%, oklch(29.15% 0.0533 220.71) 54.8%, oklch(30.00% 0.0547 220.10) 58.1%, oklch(30.88% 0.0560 219.47) 61.3%, oklch(31.78% 0.0574 218.83) 64.5%, oklch(32.70% 0.0588 218.19) 67.7%, oklch(33.62% 0.0602 217.55) 71.0%, oklch(34.53% 0.0616 216.92) 74.2%, oklch(35.42% 0.0630 216.31) 77.4%, oklch(36.27% 0.0643 215.72) 80.6%, oklch(37.09% 0.0656 215.16) 83.9%, oklch(37.85% 0.0667 214.63) 87.1%, oklch(38.55% 0.0678 214.15) 90.3%, oklch(39.18% 0.0688 213.72) 93.5%, oklch(39.72% 0.0696 213.35) 96.8%, oklch(40.16% 0.0703 213.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.05 | 229.9 |
| 2 | 0.28 | 0.08 | 221.5 |
| 3 | 0.402 | 0.101 | 213 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)
- [Cyan swatches](https://grabient.com/cyan-swatches)
- [Cyan gradients](https://grabient.com/cyan-gradients)

## Other forms

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