# Coral midnight radial glow

Black, maroon, pink and light blue radial gradient with 13 colors: #001d22, #0d2126, #242c38, #623b4f, #a24d45, #e05660, #fa696f, #ff7e80, #ff8e92, #ff9da3, #f9b1b5, #d6bdde, #b3c4d2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, maroon, pink and light blue radial gradient
- Seed: `kcNiWUogdDLod0HSwEBXbtAOOuv1qG775woxQ`
- Page: https://grabient.com/kcNiWUogdDLod0HSwEBXbtAOOuv1qG775woxQ?style=radialGradient&steps=13
- Drawn as: radial gradient, 13 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.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 | `#001d22` | `oklch(21.28% 0.0367 208.99)` | Stellar Explorer | white, 17.4 to 1 |
| 2 | `#0d2126` | `oklch(23.25% 0.0275 215.52)` | Crow Feather | white, 16.6 to 1 |
| 3 | `#242c38` | `oklch(29.14% 0.0238 254.65)` | Spinel Stone Black | white, 14 to 1 |
| 4 | `#623b4f` | `oklch(40.60% 0.0613 347.88)` | Violet Posy | white, 9.2 to 1 |
| 5 | `#a24d45` | `oklch(52.46% 0.1146 26.99)` | Redrock Canyon | white, 5.7 to 1 |
| 6 | `#e05660` | `oklch(63.72% 0.1722 19.17)` | Aphrodisiac | black, 5.6 to 1 |
| 7 | `#fa696f` | `oklch(70.20% 0.1776 20.55)` | Sugar Coral | black, 7.3 to 1 |
| 8 | `#ff7e80` | `oklch(74.15% 0.1574 20.91)` | Light Red | black, 8.5 to 1 |
| 9 | `#ff8e92` | `oklch(76.89% 0.1372 18.06)` | Cherished One | black, 9.5 to 1 |
| 10 | `#ff9da3` | `oklch(79.77% 0.1162 16.60)` | Salmon Tartare | black, 10.6 to 1 |
| 11 | `#f9b1b5` | `oklch(83.04% 0.0845 15.45)` | Bubblegum Pink | black, 12 to 1 |
| 12 | `#d6bdde` | `oklch(82.89% 0.0530 317.73)` | Plum Point | black, 12.1 to 1 |
| 13 | `#b3c4d2` | `oklch(81.10% 0.0276 243.70)` | Faded Indigo | black, 11.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #001d22 0.0%, #0d2126 8.3%, #242c38 16.7%, #623b4f 25.0%, #a24d45 33.3%, #e05660 41.7%, #fa696f 50.0%, #ff7e80 58.3%, #ff8e92 66.7%, #ff9da3 75.0%, #f9b1b5 83.3%, #d6bdde 91.7%, #b3c4d2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.28% 0.0367 208.99) 0.0%, oklch(23.25% 0.0275 215.52) 8.3%, oklch(29.14% 0.0238 254.65) 16.7%, oklch(40.60% 0.0613 347.88) 25.0%, oklch(52.46% 0.1146 26.99) 33.3%, oklch(63.72% 0.1722 19.17) 41.7%, oklch(70.20% 0.1776 20.55) 50.0%, oklch(74.15% 0.1574 20.91) 58.3%, oklch(76.89% 0.1372 18.06) 66.7%, oklch(79.77% 0.1162 16.60) 75.0%, oklch(83.04% 0.0845 15.45) 83.3%, oklch(82.89% 0.0530 317.73) 91.7%, oklch(81.10% 0.0276 243.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.051 | 208.8 |
| 2 | 0.268 | 0.019 | 236.3 |
| 3 | 0.457 | 0.081 | 375.8 |
| 4 | 0.65 | 0.176 | 379 |
| 5 | 0.736 | 0.163 | 381.1 |
| 6 | 0.783 | 0.128 | 375.8 |
| 7 | 0.835 | 0.076 | 367.3 |
| 8 | 0.811 | 0.028 | 243.7 |

## In these collections

- [Discord server banner gradients](https://grabient.com/discord-server-banner-gradients)
- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)

## Other forms

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