# Gray to black radial gradient

Gray to black radial gradient with 14 colors: #92989f, #858c94, #727b84, #606a74, #525d67, #44505b, #384550, #2e3a45, #24313b, #1c2832, #141f29, #0d161e, #080e14, #05080d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWrAmzQIe_a4JP4fCUAEQTAA`
- Page: https://grabient.com/kWrAmzQIe_a4JP4fCUAEQTAA?style=radialGradient&steps=14
- Drawn as: radial gradient, 14 steps, 90 degrees
- Kinds: light to dark, neutral, dark, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 6.8 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 | `#92989f` | `oklch(67.72% 0.0124 251.72)` | Grisaille | black, 7.2 to 1 |
| 2 | `#858c94` | `oklch(63.68% 0.0145 250.70)` | Nuts and Bolts | black, 6.1 to 1 |
| 3 | `#727b84` | `oklch(57.90% 0.0174 249.23)` | Deep Shale | black, 4.8 to 1 |
| 4 | `#606a74` | `oklch(52.06% 0.0201 247.79)` | Granite Peak | white, 5.4 to 1 |
| 5 | `#525d67` | `oklch(47.21% 0.0220 246.60)` | Wizard Grey | white, 6.7 to 1 |
| 6 | `#44505b` | `oklch(42.62% 0.0234 245.44)` | Royal Navy | white, 8.2 to 1 |
| 7 | `#384550` | `oklch(38.29% 0.0244 244.57)` | Azul Petróleo | white, 9.8 to 1 |
| 8 | `#2e3a45` | `oklch(34.24% 0.0252 244.25)` | Biro Blue | white, 11.6 to 1 |
| 9 | `#24313b` | `oklch(30.54% 0.0258 244.53)` | Blue-Black | white, 13.3 to 1 |
| 10 | `#1c2832` | `oklch(27.02% 0.0257 245.05)` | Abyssal Anchorfish Blue | white, 15 to 1 |
| 11 | `#141f29` | `oklch(23.51% 0.0242 245.46)` | Hēi Sè Black | white, 16.6 to 1 |
| 12 | `#0d161e` | `oklch(19.61% 0.0204 245.83)` | Black Is Back | white, 18.2 to 1 |
| 13 | `#080e14` | `oklch(15.94% 0.0157 246.19)` | Midnight Oil | white, 19.4 to 1 |
| 14 | `#05080d` | `oklch(13.39% 0.0124 246.43)` | Reversed Grey | white, 20 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #92989f 0.0%, #858c94 7.7%, #727b84 15.4%, #606a74 23.1%, #525d67 30.8%, #44505b 38.5%, #384550 46.2%, #2e3a45 53.8%, #24313b 61.5%, #1c2832 69.2%, #141f29 76.9%, #0d161e 84.6%, #080e14 92.3%, #05080d 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(67.72% 0.0124 251.72) 0.0%, oklch(63.68% 0.0145 250.70) 7.7%, oklch(57.90% 0.0174 249.23) 15.4%, oklch(52.06% 0.0201 247.79) 23.1%, oklch(47.21% 0.0220 246.60) 30.8%, oklch(42.62% 0.0234 245.44) 38.5%, oklch(38.29% 0.0244 244.57) 46.2%, oklch(34.24% 0.0252 244.25) 53.8%, oklch(30.54% 0.0258 244.53) 61.5%, oklch(27.02% 0.0257 245.05) 69.2%, oklch(23.51% 0.0242 245.46) 76.9%, oklch(19.61% 0.0204 245.83) 84.6%, oklch(15.94% 0.0157 246.19) 92.3%, oklch(13.39% 0.0124 246.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.677 | 0.012 | 251.7 |
| 2 | 0.508 | 0.021 | 247.5 |
| 3 | 0.362 | 0.025 | 244.3 |
| 4 | 0.244 | 0.025 | 245.4 |
| 5 | 0.134 | 0.012 | 246.4 |

## In these collections

- [Black gradients](https://grabient.com/black-gradients)

## Other forms

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