# White to dark gray radial gradient

White to dark gray radial gradient with 32 colors: #f1f1f1, #eeeeef, #ebecec, #e7e9e9, #e3e5e5, #dfe1e2, #dbddde, #d6d9da, #d1d5d5, #cdd1d1, #c8cdcd, #c3c8c9, #bfc4c4, #b9bfbf, #b4baba, #aeb4b4, #a8aeaf, #a1a8a8, #9aa1a2, #939b9b, #8c9495, #848d8e, #7c8586, #757e7f, #6d7677, #646d6e, #5a6365, #51595b, #485052, #40484a, #394143, #343c3e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kW8wCP7wG_2ACwBJhEBrIRBI`
- Page: https://grabient.com/kW8wCP7wG_2ACwBJhEBrIRBI?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 9.9 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 | `#f1f1f1` | `oklch(95.67% 0.0000 89.88)` | Precious Pearls | black, 18.5 to 1 |
| 2 | `#eeeeef` | `oklch(95.03% 0.0003 201.69)` | White Whale | black, 18.1 to 1 |
| 3 | `#ebecec` | `oklch(94.21% 0.0008 201.54)` | Mercury | black, 17.7 to 1 |
| 4 | `#e7e9e9` | `oklch(93.23% 0.0014 201.37)` | Swirling Water | black, 17.2 to 1 |
| 5 | `#e3e5e5` | `oklch(92.13% 0.0020 201.18)` | Windswept Beach | black, 16.6 to 1 |
| 6 | `#dfe1e2` | `oklch(90.93% 0.0026 201.00)` | Yín Bái Silver | black, 16 to 1 |
| 7 | `#dbddde` | `oklch(89.67% 0.0032 200.86)` | Script White | black, 15.4 to 1 |
| 8 | `#d6d9da` | `oklch(88.38% 0.0038 200.76)` | Gliding Feather | black, 14.8 to 1 |
| 9 | `#d1d5d5` | `oklch(87.08% 0.0042 200.74)` | Twilight Grey | black, 14.2 to 1 |
| 10 | `#cdd1d1` | `oklch(85.76% 0.0046 200.76)` | Misty | black, 13.6 to 1 |
| 11 | `#c8cdcd` | `oklch(84.41% 0.0050 200.80)` | Where There Is Smoke | black, 13 to 1 |
| 12 | `#c3c8c9` | `oklch(83.00% 0.0053 200.87)` | Fireplace Kitten | black, 12.4 to 1 |
| 13 | `#bfc4c4` | `oklch(81.52% 0.0056 200.99)` | Foil | black, 11.8 to 1 |
| 14 | `#b9bfbf` | `oklch(79.96% 0.0059 201.15)` | Samovar Silver | black, 11.2 to 1 |
| 15 | `#b4baba` | `oklch(78.30% 0.0063 201.36)` | Silver Mistral | black, 10.6 to 1 |
| 16 | `#aeb4b4` | `oklch(76.53% 0.0067 201.63)` | Astroscopus Grey | black, 9.9 to 1 |
| 17 | `#a8aeaf` | `oklch(74.62% 0.0071 201.97)` | Grey Mirage | black, 9.3 to 1 |
| 18 | `#a1a8a8` | `oklch(72.61% 0.0077 202.32)` | Crown of Ash | black, 8.6 to 1 |
| 19 | `#9aa1a2` | `oklch(70.49% 0.0083 202.70)` | Grey River Rock | black, 8 to 1 |
| 20 | `#939b9b` | `oklch(68.28% 0.0089 203.14)` | Stone Fence | black, 7.3 to 1 |
| 21 | `#8c9495` | `oklch(65.97% 0.0095 203.64)` | Boulder Creek | black, 6.7 to 1 |
| 22 | `#848d8e` | `oklch(63.57% 0.0101 204.24)` | City Storm | black, 6.1 to 1 |
| 23 | `#7c8586` | `oklch(61.09% 0.0106 204.95)` | Garrison Grey | black, 5.5 to 1 |
| 24 | `#757e7f` | `oklch(58.53% 0.0110 205.79)` | Hidden Peak | black, 5 to 1 |
| 25 | `#6d7677` | `oklch(55.77% 0.0112 206.84)` | Volcanic Ash | white, 4.6 to 1 |
| 26 | `#646d6e` | `oklch(52.61% 0.0113 208.19)` | Cat Person | white, 5.3 to 1 |
| 27 | `#5a6365` | `oklch(49.22% 0.0113 209.73)` | Greys Harbor | white, 6.1 to 1 |
| 28 | `#51595b` | `oklch(45.78% 0.0113 211.37)` | Bovine | white, 7.1 to 1 |
| 29 | `#485052` | `oklch(42.45% 0.0112 212.98)` | Blindfold | white, 8.2 to 1 |
| 30 | `#40484a` | `oklch(39.44% 0.0111 214.46)` | Big Dipper | white, 9.3 to 1 |
| 31 | `#394143` | `oklch(36.91% 0.0111 215.70)` | Charade | white, 10.4 to 1 |
| 32 | `#343c3e` | `oklch(35.04% 0.0110 216.59)` | Old School | white, 11.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f1f1f1 0.0%, #eeeeef 3.2%, #ebecec 6.5%, #e7e9e9 9.7%, #e3e5e5 12.9%, #dfe1e2 16.1%, #dbddde 19.4%, #d6d9da 22.6%, #d1d5d5 25.8%, #cdd1d1 29.0%, #c8cdcd 32.3%, #c3c8c9 35.5%, #bfc4c4 38.7%, #b9bfbf 41.9%, #b4baba 45.2%, #aeb4b4 48.4%, #a8aeaf 51.6%, #a1a8a8 54.8%, #9aa1a2 58.1%, #939b9b 61.3%, #8c9495 64.5%, #848d8e 67.7%, #7c8586 71.0%, #757e7f 74.2%, #6d7677 77.4%, #646d6e 80.6%, #5a6365 83.9%, #51595b 87.1%, #485052 90.3%, #40484a 93.5%, #394143 96.8%, #343c3e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(95.67% 0.0000 89.88) 0.0%, oklch(95.03% 0.0003 201.69) 3.2%, oklch(94.21% 0.0008 201.54) 6.5%, oklch(93.23% 0.0014 201.37) 9.7%, oklch(92.13% 0.0020 201.18) 12.9%, oklch(90.93% 0.0026 201.00) 16.1%, oklch(89.67% 0.0032 200.86) 19.4%, oklch(88.38% 0.0038 200.76) 22.6%, oklch(87.08% 0.0042 200.74) 25.8%, oklch(85.76% 0.0046 200.76) 29.0%, oklch(84.41% 0.0050 200.80) 32.3%, oklch(83.00% 0.0053 200.87) 35.5%, oklch(81.52% 0.0056 200.99) 38.7%, oklch(79.96% 0.0059 201.15) 41.9%, oklch(78.30% 0.0063 201.36) 45.2%, oklch(76.53% 0.0067 201.63) 48.4%, oklch(74.62% 0.0071 201.97) 51.6%, oklch(72.61% 0.0077 202.32) 54.8%, oklch(70.49% 0.0083 202.70) 58.1%, oklch(68.28% 0.0089 203.14) 61.3%, oklch(65.97% 0.0095 203.64) 64.5%, oklch(63.57% 0.0101 204.24) 67.7%, oklch(61.09% 0.0106 204.95) 71.0%, oklch(58.53% 0.0110 205.79) 74.2%, oklch(55.77% 0.0112 206.84) 77.4%, oklch(52.61% 0.0113 208.19) 80.6%, oklch(49.22% 0.0113 209.73) 83.9%, oklch(45.78% 0.0113 211.37) 87.1%, oklch(42.45% 0.0112 212.98) 90.3%, oklch(39.44% 0.0111 214.46) 93.5%, oklch(36.91% 0.0111 215.70) 96.8%, oklch(35.04% 0.0110 216.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0 | 201.8 |
| 2 | 0.874 | 0.004 | 200.7 |
| 3 | 0.756 | 0.007 | 201.8 |
| 4 | 0.579 | 0.011 | 206 |
| 5 | 0.35 | 0.011 | 216.6 |

## In these collections

- [Halloween gradients](https://grabient.com/halloween-gradients)
- [Gray swatches](https://grabient.com/gray-swatches)

## Other forms

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