# Gray to black radial gradient

Gray to black radial gradient with 32 colors: #b3b9c0, #afb5bc, #a9b0b8, #a3aab2, #9ca4ab, #949da5, #8d959e, #858e96, #7e878f, #778089, #707a83, #6a747d, #656f78, #606972, #5b646d, #565f68, #515a63, #4c555e, #485159, #434c55, #3f4850, #3b444c, #373f47, #333b42, #2f373e, #2b3339, #272f35, #242b31, #21272e, #1e252a, #1c2228, #1a2026. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUxwmxyAa_jEGv8ehT_g`
- Page: https://grabient.com/kUxwmxyAa_jEGv8ehT_g?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: light to dark, neutral, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 8.3 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 | `#b3b9c0` | `oklch(78.35% 0.0124 249.61)` | Granite Fog | black, 10.6 to 1 |
| 2 | `#afb5bc` | `oklch(77.09% 0.0127 249.42)` | Cloud Cover | black, 10.1 to 1 |
| 3 | `#a9b0b8` | `oklch(75.46% 0.0132 249.16)` | Cistern | black, 9.6 to 1 |
| 4 | `#a3aab2` | `oklch(73.54% 0.0138 248.86)` | Chateau de Chillon | black, 8.9 to 1 |
| 5 | `#9ca4ab` | `oklch(71.38% 0.0144 248.52)` | Rainmaster | black, 8.2 to 1 |
| 6 | `#949da5` | `oklch(69.05% 0.0150 248.15)` | Soft Pumice | black, 7.5 to 1 |
| 7 | `#8d959e` | `oklch(66.63% 0.0157 247.78)` | Blue Dusk | black, 6.9 to 1 |
| 8 | `#858e96` | `oklch(64.18% 0.0163 247.42)` | Common Feldspar | black, 6.3 to 1 |
| 9 | `#7e878f` | `oklch(61.77% 0.0169 247.07)` | Deep Channel | black, 5.7 to 1 |
| 10 | `#778089` | `oklch(59.47% 0.0174 246.77)` | Downing Slate | black, 5.2 to 1 |
| 11 | `#707a83` | `oklch(57.35% 0.0178 246.51)` | Deep Shale | black, 4.7 to 1 |
| 12 | `#6a747d` | `oklch(55.42% 0.0181 246.31)` | Long Lake | white, 4.7 to 1 |
| 13 | `#656f78` | `oklch(53.53% 0.0183 246.14)` | Stormy Weather | white, 5.1 to 1 |
| 14 | `#606972` | `oklch(51.68% 0.0184 245.99)` | Feather Falls | white, 5.5 to 1 |
| 15 | `#5b646d` | `oklch(49.86% 0.0185 245.87)` | Slate Grey | white, 6 to 1 |
| 16 | `#565f68` | `oklch(48.08% 0.0185 245.76)` | Blue Sabre | white, 6.4 to 1 |
| 17 | `#515a63` | `oklch(46.32% 0.0185 245.67)` | Dark and Stormy Night | white, 7 to 1 |
| 18 | `#4c555e` | `oklch(44.60% 0.0184 245.59)` | Dark Sea | white, 7.5 to 1 |
| 19 | `#485159` | `oklch(42.92% 0.0183 245.53)` | Seared Grey | white, 8.1 to 1 |
| 20 | `#434c55` | `oklch(41.26% 0.0182 245.47)` | Deepest Sea | white, 8.7 to 1 |
| 21 | `#3f4850` | `oklch(39.64% 0.0180 245.42)` | Medium Gunship Grey | white, 9.3 to 1 |
| 22 | `#3b444c` | `oklch(38.05% 0.0178 245.37)` | Arsenic | white, 9.9 to 1 |
| 23 | `#373f47` | `oklch(36.42% 0.0176 245.33)` | Ferry | white, 10.6 to 1 |
| 24 | `#333b42` | `oklch(34.77% 0.0172 245.31)` | Do Not Disturb | white, 11.3 to 1 |
| 25 | `#2f373e` | `oklch(33.11% 0.0167 245.30)` | School Ink | white, 12.1 to 1 |
| 26 | `#2b3339` | `oklch(31.48% 0.0163 245.31)` | Dracula Orchid | white, 12.9 to 1 |
| 27 | `#272f35` | `oklch(29.91% 0.0158 245.32)` | Deep Space Echo | white, 13.6 to 1 |
| 28 | `#242b31` | `oklch(28.43% 0.0153 245.33)` | Blue Charcoal | white, 14.3 to 1 |
| 29 | `#21272e` | `oklch(27.07% 0.0148 245.35)` | Black Grey | white, 15 to 1 |
| 30 | `#1e252a` | `oklch(25.86% 0.0144 245.37)` | Washed Black | white, 15.5 to 1 |
| 31 | `#1c2228` | `oklch(24.84% 0.0140 245.38)` | Noble Black | white, 16 to 1 |
| 32 | `#1a2026` | `oklch(24.02% 0.0138 245.38)` | Satin Deep Black | white, 16.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b3b9c0 0.0%, #afb5bc 3.2%, #a9b0b8 6.5%, #a3aab2 9.7%, #9ca4ab 12.9%, #949da5 16.1%, #8d959e 19.4%, #858e96 22.6%, #7e878f 25.8%, #778089 29.0%, #707a83 32.3%, #6a747d 35.5%, #656f78 38.7%, #606972 41.9%, #5b646d 45.2%, #565f68 48.4%, #515a63 51.6%, #4c555e 54.8%, #485159 58.1%, #434c55 61.3%, #3f4850 64.5%, #3b444c 67.7%, #373f47 71.0%, #333b42 74.2%, #2f373e 77.4%, #2b3339 80.6%, #272f35 83.9%, #242b31 87.1%, #21272e 90.3%, #1e252a 93.5%, #1c2228 96.8%, #1a2026 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.0124 249.61) 0.0%, oklch(77.09% 0.0127 249.42) 3.2%, oklch(75.46% 0.0132 249.16) 6.5%, oklch(73.54% 0.0138 248.86) 9.7%, oklch(71.38% 0.0144 248.52) 12.9%, oklch(69.05% 0.0150 248.15) 16.1%, oklch(66.63% 0.0157 247.78) 19.4%, oklch(64.18% 0.0163 247.42) 22.6%, oklch(61.77% 0.0169 247.07) 25.8%, oklch(59.47% 0.0174 246.77) 29.0%, oklch(57.35% 0.0178 246.51) 32.3%, oklch(55.42% 0.0181 246.31) 35.5%, oklch(53.53% 0.0183 246.14) 38.7%, oklch(51.68% 0.0184 245.99) 41.9%, oklch(49.86% 0.0185 245.87) 45.2%, oklch(48.08% 0.0185 245.76) 48.4%, oklch(46.32% 0.0185 245.67) 51.6%, oklch(44.60% 0.0184 245.59) 54.8%, oklch(42.92% 0.0183 245.53) 58.1%, oklch(41.26% 0.0182 245.47) 61.3%, oklch(39.64% 0.0180 245.42) 64.5%, oklch(38.05% 0.0178 245.37) 67.7%, oklch(36.42% 0.0176 245.33) 71.0%, oklch(34.77% 0.0172 245.31) 74.2%, oklch(33.11% 0.0167 245.30) 77.4%, oklch(31.48% 0.0163 245.31) 80.6%, oklch(29.91% 0.0158 245.32) 83.9%, oklch(28.43% 0.0153 245.33) 87.1%, oklch(27.07% 0.0148 245.35) 90.3%, oklch(25.86% 0.0144 245.37) 93.5%, oklch(24.84% 0.0140 245.38) 96.8%, oklch(24.02% 0.0138 245.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.012 | 249.6 |
| 2 | 0.567 | 0.018 | 246.4 |
| 3 | 0.386 | 0.018 | 245.4 |
| 4 | 0.24 | 0.014 | 245.4 |

## In these collections

- [Metallic gradients](https://grabient.com/metallic-gradients)
- [Neutral swatches](https://grabient.com/neutral-swatches)
- [Gray swatches](https://grabient.com/gray-swatches)

## Other forms

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