# Silver charcoal rings

Gray and black radial gradient with 56 colors: #bdc4c4, #b7bebf, #afb7b7, #a6adae, #9ca3a4, #919799, #868b8d, #7a7f81, #6e7375, #626669, #575b5e, #4c5053, #434649, #3a3d40, #333538, #2d2f32, #292a2d, #26282a, #262729, #27282b, #2a2b2e, #303134, #38393c, #424346, #4d4f52, #5a5c5f, #686a6d, #77797c, #87898c, #96999b, #a5a8ab, #b4b7ba, #c1c5c7, #cdd1d3, #d7dbde, #dfe3e5, #e4e8ea, #e5eaec, #e4e9eb, #e0e5e7, #dadfe1, #d2d7d9, #c8ced0, #bdc3c5, #b1b7ba, #a5abad, #989ea1, #8b9294, #7e8588, #72797c, #666e70, #5c6366, #525a5d, #4a5255, #444b4e, #3f4649. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray and black radial gradient
- Seed: `kUzwaMIoJIvaCOuxhD8g`
- Page: https://grabient.com/kUzwaMIoJIvaCOuxhD8g?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 12.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 | `#bdc4c4` | `oklch(81.50% 0.0083 196.87)` | Silver Whiskers | black, 11.8 to 1 |
| 2 | `#b7bebf` | `oklch(79.69% 0.0082 199.27)` | Wheels Up! | black, 11.1 to 1 |
| 3 | `#afb7b7` | `oklch(77.28% 0.0081 202.36)` | Autumn Fog | black, 10.2 to 1 |
| 4 | `#a6adae` | `oklch(74.37% 0.0079 206.05)` | Gull Grey | black, 9.2 to 1 |
| 5 | `#9ca3a4` | `oklch(71.02% 0.0078 210.24)` | Winter Flannel | black, 8.1 to 1 |
| 6 | `#919799` | `oklch(67.34% 0.0076 214.86)` | Steely Grey | black, 7.1 to 1 |
| 7 | `#868b8d` | `oklch(63.40% 0.0075 219.79)` | Heavy Metal Armour | black, 6.1 to 1 |
| 8 | `#7a7f81` | `oklch(59.29% 0.0073 224.96)` | Cowboy Spur | black, 5.1 to 1 |
| 9 | `#6e7375` | `oklch(55.09% 0.0071 230.26)` | Improbable | white, 4.8 to 1 |
| 10 | `#626669` | `oklch(50.89% 0.0069 235.61)` | Grey Web | white, 5.7 to 1 |
| 11 | `#575b5e` | `oklch(46.78% 0.0067 240.92)` | Iron Gate | white, 6.8 to 1 |
| 12 | `#4c5053` | `oklch(42.83% 0.0065 246.08)` | Typewriter Ink | white, 8.1 to 1 |
| 13 | `#434649` | `oklch(39.14% 0.0064 251.01)` | Steel Grey | white, 9.5 to 1 |
| 14 | `#3a3d40` | `oklch(35.79% 0.0062 255.61)` | Detective Thriller | white, 10.9 to 1 |
| 15 | `#333538` | `oklch(32.86% 0.0060 259.80)` | Dark Kettle Black | white, 12.2 to 1 |
| 16 | `#2d2f32` | `oklch(30.45% 0.0059 263.47)` | Black Cat | white, 13.4 to 1 |
| 17 | `#292a2d` | `oklch(28.63% 0.0057 266.54)` | The End | white, 14.2 to 1 |
| 18 | `#26282a` | `oklch(27.48% 0.0056 268.92)` | Dire Wolf | white, 14.8 to 1 |
| 19 | `#262729` | `oklch(27.11% 0.0055 270.51)` | Dire Wolf | white, 15 to 1 |
| 20 | `#27282b` | `oklch(27.61% 0.0055 271.25)` | Anthracite | white, 14.7 to 1 |
| 21 | `#2a2b2e` | `oklch(29.11% 0.0054 271.24)` | Bunker | white, 14 to 1 |
| 22 | `#303134` | `oklch(31.48% 0.0053 270.55)` | Tap Shoe | white, 12.9 to 1 |
| 23 | `#38393c` | `oklch(34.61% 0.0052 269.26)` | Artist’s Charcoal | white, 11.4 to 1 |
| 24 | `#424346` | `oklch(38.39% 0.0052 267.44)` | Goshawk Grey | white, 9.8 to 1 |
| 25 | `#4d4f52` | `oklch(42.70% 0.0051 265.17)` | Muskeg Grey | white, 8.2 to 1 |
| 26 | `#5a5c5f` | `oklch(47.42% 0.0051 262.52)` | Pencil Point | white, 6.7 to 1 |
| 27 | `#686a6d` | `oklch(52.43% 0.0050 259.57)` | Midnight Grey | white, 5.4 to 1 |
| 28 | `#77797c` | `oklch(57.61% 0.0050 256.39)` | Steel | black, 4.8 to 1 |
| 29 | `#87898c` | `oklch(62.86% 0.0050 253.05)` | Heavy Metal Armour | black, 5.9 to 1 |
| 30 | `#96999b` | `oklch(68.05% 0.0050 249.62)` | Spanish Grey | black, 7.3 to 1 |
| 31 | `#a5a8ab` | `oklch(73.06% 0.0050 246.19)` | Uniform Grey | black, 8.8 to 1 |
| 32 | `#b4b7ba` | `oklch(77.77% 0.0050 242.83)` | Wolfram | black, 10.4 to 1 |
| 33 | `#c1c5c7` | `oklch(82.08% 0.0051 239.60)` | Galactic Tint | black, 12 to 1 |
| 34 | `#cdd1d3` | `oklch(85.86% 0.0051 236.59)` | Fragile Blue | black, 13.6 to 1 |
| 35 | `#d7dbde` | `oklch(89.00% 0.0052 233.87)` | Shy Denim | black, 15.1 to 1 |
| 36 | `#dfe3e5` | `oklch(91.37% 0.0053 231.51)` | Mauve White | black, 16.2 to 1 |
| 37 | `#e4e8ea` | `oklch(92.86% 0.0054 229.58)` | Wisp of Smoke | black, 17 to 1 |
| 38 | `#e5eaec` | `oklch(93.37% 0.0056 228.15)` | Calla Lily | black, 17.2 to 1 |
| 39 | `#e4e9eb` | `oklch(92.99% 0.0058 226.98)` | Snow Cloud | black, 17.1 to 1 |
| 40 | `#e0e5e7` | `oklch(91.85% 0.0060 225.98)` | Shaving Cream | black, 16.5 to 1 |
| 41 | `#dadfe1` | `oklch(90.03% 0.0063 225.15)` | Mainsail | black, 15.6 to 1 |
| 42 | `#d2d7d9` | `oklch(87.61% 0.0066 224.47)` | Snow Quartz | black, 14.4 to 1 |
| 43 | `#c8ced0` | `oklch(84.68% 0.0069 223.91)` | Lunar Rays | black, 13.1 to 1 |
| 44 | `#bdc3c5` | `oklch(81.33% 0.0072 223.48)` | Metallic | black, 11.7 to 1 |
| 45 | `#b1b7ba` | `oklch(77.64% 0.0076 223.15)` | Autumn Fog | black, 10.3 to 1 |
| 46 | `#a5abad` | `oklch(73.70% 0.0080 222.91)` | Cloud Mountain | black, 9 to 1 |
| 47 | `#989ea1` | `oklch(69.58% 0.0083 222.74)` | Window Grey | black, 7.7 to 1 |
| 48 | `#8b9294` | `oklch(65.38% 0.0087 222.64)` | Gotham Grey | black, 6.6 to 1 |
| 49 | `#7e8588` | `oklch(61.19% 0.0091 222.58)` | Great Coat Grey | black, 5.5 to 1 |
| 50 | `#72797c` | `oklch(57.07% 0.0094 222.55)` | Rhinoceros | black, 4.7 to 1 |
| 51 | `#666e70` | `oklch(53.13% 0.0098 222.54)` | Batman | white, 5.2 to 1 |
| 52 | `#5c6366` | `oklch(49.45% 0.0101 222.53)` | Carriage Wheel | white, 6.1 to 1 |
| 53 | `#525a5d` | `oklch(46.11% 0.0104 222.51)` | Bovine | white, 7 to 1 |
| 54 | `#4a5255` | `oklch(43.19% 0.0106 222.46)` | Chimney | white, 8 to 1 |
| 55 | `#444b4e` | `oklch(40.78% 0.0108 222.38)` | Dead Forest | white, 8.8 to 1 |
| 56 | `#3f4649` | `oklch(38.98% 0.0110 222.24)` | Diamond Grey | white, 9.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #bdc4c4 0.0%, #b7bebf 1.8%, #afb7b7 3.6%, #a6adae 5.5%, #9ca3a4 7.3%, #919799 9.1%, #868b8d 10.9%, #7a7f81 12.7%, #6e7375 14.5%, #626669 16.4%, #575b5e 18.2%, #4c5053 20.0%, #434649 21.8%, #3a3d40 23.6%, #333538 25.5%, #2d2f32 27.3%, #292a2d 29.1%, #26282a 30.9%, #262729 32.7%, #27282b 34.5%, #2a2b2e 36.4%, #303134 38.2%, #38393c 40.0%, #424346 41.8%, #4d4f52 43.6%, #5a5c5f 45.5%, #686a6d 47.3%, #77797c 49.1%, #87898c 50.9%, #96999b 52.7%, #a5a8ab 54.5%, #b4b7ba 56.4%, #c1c5c7 58.2%, #cdd1d3 60.0%, #d7dbde 61.8%, #dfe3e5 63.6%, #e4e8ea 65.5%, #e5eaec 67.3%, #e4e9eb 69.1%, #e0e5e7 70.9%, #dadfe1 72.7%, #d2d7d9 74.5%, #c8ced0 76.4%, #bdc3c5 78.2%, #b1b7ba 80.0%, #a5abad 81.8%, #989ea1 83.6%, #8b9294 85.5%, #7e8588 87.3%, #72797c 89.1%, #666e70 90.9%, #5c6366 92.7%, #525a5d 94.5%, #4a5255 96.4%, #444b4e 98.2%, #3f4649 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.0083 196.87) 0.0%, oklch(79.69% 0.0082 199.27) 1.8%, oklch(77.28% 0.0081 202.36) 3.6%, oklch(74.37% 0.0079 206.05) 5.5%, oklch(71.02% 0.0078 210.24) 7.3%, oklch(67.34% 0.0076 214.86) 9.1%, oklch(63.40% 0.0075 219.79) 10.9%, oklch(59.29% 0.0073 224.96) 12.7%, oklch(55.09% 0.0071 230.26) 14.5%, oklch(50.89% 0.0069 235.61) 16.4%, oklch(46.78% 0.0067 240.92) 18.2%, oklch(42.83% 0.0065 246.08) 20.0%, oklch(39.14% 0.0064 251.01) 21.8%, oklch(35.79% 0.0062 255.61) 23.6%, oklch(32.86% 0.0060 259.80) 25.5%, oklch(30.45% 0.0059 263.47) 27.3%, oklch(28.63% 0.0057 266.54) 29.1%, oklch(27.48% 0.0056 268.92) 30.9%, oklch(27.11% 0.0055 270.51) 32.7%, oklch(27.61% 0.0055 271.25) 34.5%, oklch(29.11% 0.0054 271.24) 36.4%, oklch(31.48% 0.0053 270.55) 38.2%, oklch(34.61% 0.0052 269.26) 40.0%, oklch(38.39% 0.0052 267.44) 41.8%, oklch(42.70% 0.0051 265.17) 43.6%, oklch(47.42% 0.0051 262.52) 45.5%, oklch(52.43% 0.0050 259.57) 47.3%, oklch(57.61% 0.0050 256.39) 49.1%, oklch(62.86% 0.0050 253.05) 50.9%, oklch(68.05% 0.0050 249.62) 52.7%, oklch(73.06% 0.0050 246.19) 54.5%, oklch(77.77% 0.0050 242.83) 56.4%, oklch(82.08% 0.0051 239.60) 58.2%, oklch(85.86% 0.0051 236.59) 60.0%, oklch(89.00% 0.0052 233.87) 61.8%, oklch(91.37% 0.0053 231.51) 63.6%, oklch(92.86% 0.0054 229.58) 65.5%, oklch(93.37% 0.0056 228.15) 67.3%, oklch(92.99% 0.0058 226.98) 69.1%, oklch(91.85% 0.0060 225.98) 70.9%, oklch(90.03% 0.0063 225.15) 72.7%, oklch(87.61% 0.0066 224.47) 74.5%, oklch(84.68% 0.0069 223.91) 76.4%, oklch(81.33% 0.0072 223.48) 78.2%, oklch(77.64% 0.0076 223.15) 80.0%, oklch(73.70% 0.0080 222.91) 81.8%, oklch(69.58% 0.0083 222.74) 83.6%, oklch(65.38% 0.0087 222.64) 85.5%, oklch(61.19% 0.0091 222.58) 87.3%, oklch(57.07% 0.0094 222.55) 89.1%, oklch(53.13% 0.0098 222.54) 90.9%, oklch(49.45% 0.0101 222.53) 92.7%, oklch(46.11% 0.0104 222.51) 94.5%, oklch(43.19% 0.0106 222.46) 96.4%, oklch(40.78% 0.0108 222.38) 98.2%, oklch(38.98% 0.0110 222.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.815 | 0.008 | 196.9 |
| 2 | 0.272 | 0.006 | 270.8 |
| 3 | 0.933 | 0.006 | 228.6 |
| 4 | 0.39 | 0.011 | 222.2 |

## In these collections

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

## Other forms

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