# Silver charcoal coral halo

White, gray, black and purple radial gradient with 32 colors: #e8eef1, #e4e9ed, #dde3e7, #d6dde1, #cdd5da, #c4ccd2, #bac3ca, #b0bac1, #a5afb7, #9aa4ad, #8e98a2, #838c97, #78818d, #6f7783, #656c78, #5c626d, #535863, #4a4f59, #434650, #3c3e48, #34363f, #2b2d34, #24262c, #1f2126, #1e1f26, #21212c, #2f283b, #49324e, #6c3d5d, #914963, #b2555e, #c76055. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: White, gray, black and purple radial gradient
- Seed: `kY8AWmZoVA0qHwawBsHn4dBc2wzA`
- Page: https://grabient.com/kY8AWmZoVA0qHwawBsHn4dBc2wzA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 14 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 | `#e8eef1` | `oklch(94.49% 0.0069 233.44)` | Walls of Santorini | black, 17.8 to 1 |
| 2 | `#e4e9ed` | `oklch(93.14% 0.0076 234.13)` | Calla Lily | black, 17.1 to 1 |
| 3 | `#dde3e7` | `oklch(91.35% 0.0086 235.02)` | Wind Blown | black, 16.2 to 1 |
| 4 | `#d6dde1` | `oklch(89.21% 0.0098 236.09)` | Mystic Pool | black, 15.2 to 1 |
| 5 | `#cdd5da` | `oklch(86.77% 0.0111 237.36)` | Polar Drift | black, 14 to 1 |
| 6 | `#c4ccd2` | `oklch(84.10% 0.0123 238.83)` | New North | black, 12.9 to 1 |
| 7 | `#bac3ca` | `oklch(81.28% 0.0136 240.48)` | Yorkshire Cloud | black, 11.7 to 1 |
| 8 | `#b0bac1` | `oklch(78.26% 0.0147 242.37)` | Granite Fog | black, 10.6 to 1 |
| 9 | `#a5afb7` | `oklch(74.88% 0.0161 244.53)` | Northern Light Grey | black, 9.4 to 1 |
| 10 | `#9aa4ad` | `oklch(71.25% 0.0174 246.90)` | Rainmaster | black, 8.2 to 1 |
| 11 | `#8e98a2` | `oklch(67.49% 0.0187 249.41)` | Thunderstorm | black, 7.1 to 1 |
| 12 | `#838c97` | `oklch(63.72% 0.0198 252.00)` | River Tour | black, 6.1 to 1 |
| 13 | `#78818d` | `oklch(60.07% 0.0205 254.60)` | Slate Tint | black, 5.3 to 1 |
| 14 | `#6f7783` | `oklch(56.56% 0.0208 257.20)` | Lunar Shadow | black, 4.6 to 1 |
| 15 | `#656c78` | `oklch(53.00% 0.0205 259.95)` | Magic | white, 5.2 to 1 |
| 16 | `#5c626d` | `oklch(49.43% 0.0200 262.79)` | Blue Metal | white, 6.1 to 1 |
| 17 | `#535863` | `oklch(45.93% 0.0193 265.64)` | Dark Mineral | white, 7.1 to 1 |
| 18 | `#4a4f59` | `oklch(42.59% 0.0186 268.42)` | Extinct Volcano | white, 8.2 to 1 |
| 19 | `#434650` | `oklch(39.50% 0.0181 271.06)` | Midnight Sky | white, 9.4 to 1 |
| 20 | `#3c3e48` | `oklch(36.64% 0.0177 273.30)` | Indian Ink | white, 10.6 to 1 |
| 21 | `#34363f` | `oklch(33.36% 0.0157 273.91)` | Very Black | white, 12 to 1 |
| 22 | `#2b2d34` | `oklch(29.93% 0.0130 273.63)` | Bastille | white, 13.6 to 1 |
| 23 | `#24262c` | `oklch(26.89% 0.0108 273.63)` | Black Beauty | white, 15.1 to 1 |
| 24 | `#1f2126` | `oklch(24.74% 0.0105 275.10)` | Noble Black | white, 16.1 to 1 |
| 25 | `#1e1f26` | `oklch(24.01% 0.0136 279.22)` | Inkwell Inception | white, 16.4 to 1 |
| 26 | `#21212c` | `oklch(25.25% 0.0213 287.22)` | To Hell and Black | white, 15.9 to 1 |
| 27 | `#2f283b` | `oklch(29.26% 0.0360 300.95)` | Viola Black | white, 14.1 to 1 |
| 28 | `#49324e` | `oklch(35.49% 0.0562 319.12)` | Oregon Grape | white, 11.3 to 1 |
| 29 | `#6c3d5d` | `oklch(42.86% 0.0789 339.30)` | Royal Lines | white, 8.5 to 1 |
| 30 | `#914963` | `oklch(50.29% 0.1013 359.08)` | Glitterati | white, 6.2 to 1 |
| 31 | `#b2555e` | `oklch(56.70% 0.1205 16.03)` | Alsike Clover Red | white, 4.8 to 1 |
| 32 | `#c76055` | `oklch(61.02% 0.1337 27.72)` | Sunglo | black, 5.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e8eef1 0.0%, #e4e9ed 3.2%, #dde3e7 6.5%, #d6dde1 9.7%, #cdd5da 12.9%, #c4ccd2 16.1%, #bac3ca 19.4%, #b0bac1 22.6%, #a5afb7 25.8%, #9aa4ad 29.0%, #8e98a2 32.3%, #838c97 35.5%, #78818d 38.7%, #6f7783 41.9%, #656c78 45.2%, #5c626d 48.4%, #535863 51.6%, #4a4f59 54.8%, #434650 58.1%, #3c3e48 61.3%, #34363f 64.5%, #2b2d34 67.7%, #24262c 71.0%, #1f2126 74.2%, #1e1f26 77.4%, #21212c 80.6%, #2f283b 83.9%, #49324e 87.1%, #6c3d5d 90.3%, #914963 93.5%, #b2555e 96.8%, #c76055 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.49% 0.0069 233.44) 0.0%, oklch(93.14% 0.0076 234.13) 3.2%, oklch(91.35% 0.0086 235.02) 6.5%, oklch(89.21% 0.0098 236.09) 9.7%, oklch(86.77% 0.0111 237.36) 12.9%, oklch(84.10% 0.0123 238.83) 16.1%, oklch(81.28% 0.0136 240.48) 19.4%, oklch(78.26% 0.0147 242.37) 22.6%, oklch(74.88% 0.0161 244.53) 25.8%, oklch(71.25% 0.0174 246.90) 29.0%, oklch(67.49% 0.0187 249.41) 32.3%, oklch(63.72% 0.0198 252.00) 35.5%, oklch(60.07% 0.0205 254.60) 38.7%, oklch(56.56% 0.0208 257.20) 41.9%, oklch(53.00% 0.0205 259.95) 45.2%, oklch(49.43% 0.0200 262.79) 48.4%, oklch(45.93% 0.0193 265.64) 51.6%, oklch(42.59% 0.0186 268.42) 54.8%, oklch(39.50% 0.0181 271.06) 58.1%, oklch(36.64% 0.0177 273.30) 61.3%, oklch(33.36% 0.0157 273.91) 64.5%, oklch(29.93% 0.0130 273.63) 67.7%, oklch(26.89% 0.0108 273.63) 71.0%, oklch(24.74% 0.0105 275.10) 74.2%, oklch(24.01% 0.0136 279.22) 77.4%, oklch(25.25% 0.0213 287.22) 80.6%, oklch(29.26% 0.0360 300.95) 83.9%, oklch(35.49% 0.0562 319.12) 87.1%, oklch(42.86% 0.0789 339.30) 90.3%, oklch(50.29% 0.1013 359.08) 93.5%, oklch(56.70% 0.1205 16.03) 96.8%, oklch(61.02% 0.1337 27.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.007 | 233.4 |
| 2 | 0.807 | 0.014 | 240.8 |
| 3 | 0.587 | 0.021 | 255.6 |
| 4 | 0.378 | 0.018 | 272.5 |
| 5 | 0.248 | 0.019 | 285.2 |
| 6 | 0.61 | 0.134 | 387.7 |

## In these collections

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

## Other forms

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