# Gray and black radial swatches

Gray and black radial swatches 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.

- Seed: `kUzwaMIoJIvaCOuxhD8g`
- Page: https://grabient.com/kUzwaMIoJIvaCOuxhD8g?style=radialSwatches&steps=56&angle=0
- Drawn as: radial swatches, 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.000% 1.786%, #b7bebf 1.786% 3.571%, #afb7b7 3.571% 5.357%, #a6adae 5.357% 7.143%, #9ca3a4 7.143% 8.929%, #919799 8.929% 10.714%, #868b8d 10.714% 12.500%, #7a7f81 12.500% 14.286%, #6e7375 14.286% 16.071%, #626669 16.071% 17.857%, #575b5e 17.857% 19.643%, #4c5053 19.643% 21.429%, #434649 21.429% 23.214%, #3a3d40 23.214% 25.000%, #333538 25.000% 26.786%, #2d2f32 26.786% 28.571%, #292a2d 28.571% 30.357%, #26282a 30.357% 32.143%, #262729 32.143% 33.929%, #27282b 33.929% 35.714%, #2a2b2e 35.714% 37.500%, #303134 37.500% 39.286%, #38393c 39.286% 41.071%, #424346 41.071% 42.857%, #4d4f52 42.857% 44.643%, #5a5c5f 44.643% 46.429%, #686a6d 46.429% 48.214%, #77797c 48.214% 50.000%, #87898c 50.000% 51.786%, #96999b 51.786% 53.571%, #a5a8ab 53.571% 55.357%, #b4b7ba 55.357% 57.143%, #c1c5c7 57.143% 58.929%, #cdd1d3 58.929% 60.714%, #d7dbde 60.714% 62.500%, #dfe3e5 62.500% 64.286%, #e4e8ea 64.286% 66.071%, #e5eaec 66.071% 67.857%, #e4e9eb 67.857% 69.643%, #e0e5e7 69.643% 71.429%, #dadfe1 71.429% 73.214%, #d2d7d9 73.214% 75.000%, #c8ced0 75.000% 76.786%, #bdc3c5 76.786% 78.571%, #b1b7ba 78.571% 80.357%, #a5abad 80.357% 82.143%, #989ea1 82.143% 83.929%, #8b9294 83.929% 85.714%, #7e8588 85.714% 87.500%, #72797c 87.500% 89.286%, #666e70 89.286% 91.071%, #5c6366 91.071% 92.857%, #525a5d 92.857% 94.643%, #4a5255 94.643% 96.429%, #444b4e 96.429% 98.214%, #3f4649 98.214% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(81.50% 0.0083 196.87) 0.000% 1.786%, oklch(79.69% 0.0082 199.27) 1.786% 3.571%, oklch(77.28% 0.0081 202.36) 3.571% 5.357%, oklch(74.37% 0.0079 206.05) 5.357% 7.143%, oklch(71.02% 0.0078 210.24) 7.143% 8.929%, oklch(67.34% 0.0076 214.86) 8.929% 10.714%, oklch(63.40% 0.0075 219.79) 10.714% 12.500%, oklch(59.29% 0.0073 224.96) 12.500% 14.286%, oklch(55.09% 0.0071 230.26) 14.286% 16.071%, oklch(50.89% 0.0069 235.61) 16.071% 17.857%, oklch(46.78% 0.0067 240.92) 17.857% 19.643%, oklch(42.83% 0.0065 246.08) 19.643% 21.429%, oklch(39.14% 0.0064 251.01) 21.429% 23.214%, oklch(35.79% 0.0062 255.61) 23.214% 25.000%, oklch(32.86% 0.0060 259.80) 25.000% 26.786%, oklch(30.45% 0.0059 263.47) 26.786% 28.571%, oklch(28.63% 0.0057 266.54) 28.571% 30.357%, oklch(27.48% 0.0056 268.92) 30.357% 32.143%, oklch(27.11% 0.0055 270.51) 32.143% 33.929%, oklch(27.61% 0.0055 271.25) 33.929% 35.714%, oklch(29.11% 0.0054 271.24) 35.714% 37.500%, oklch(31.48% 0.0053 270.55) 37.500% 39.286%, oklch(34.61% 0.0052 269.26) 39.286% 41.071%, oklch(38.39% 0.0052 267.44) 41.071% 42.857%, oklch(42.70% 0.0051 265.17) 42.857% 44.643%, oklch(47.42% 0.0051 262.52) 44.643% 46.429%, oklch(52.43% 0.0050 259.57) 46.429% 48.214%, oklch(57.61% 0.0050 256.39) 48.214% 50.000%, oklch(62.86% 0.0050 253.05) 50.000% 51.786%, oklch(68.05% 0.0050 249.62) 51.786% 53.571%, oklch(73.06% 0.0050 246.19) 53.571% 55.357%, oklch(77.77% 0.0050 242.83) 55.357% 57.143%, oklch(82.08% 0.0051 239.60) 57.143% 58.929%, oklch(85.86% 0.0051 236.59) 58.929% 60.714%, oklch(89.00% 0.0052 233.87) 60.714% 62.500%, oklch(91.37% 0.0053 231.51) 62.500% 64.286%, oklch(92.86% 0.0054 229.58) 64.286% 66.071%, oklch(93.37% 0.0056 228.15) 66.071% 67.857%, oklch(92.99% 0.0058 226.98) 67.857% 69.643%, oklch(91.85% 0.0060 225.98) 69.643% 71.429%, oklch(90.03% 0.0063 225.15) 71.429% 73.214%, oklch(87.61% 0.0066 224.47) 73.214% 75.000%, oklch(84.68% 0.0069 223.91) 75.000% 76.786%, oklch(81.33% 0.0072 223.48) 76.786% 78.571%, oklch(77.64% 0.0076 223.15) 78.571% 80.357%, oklch(73.70% 0.0080 222.91) 80.357% 82.143%, oklch(69.58% 0.0083 222.74) 82.143% 83.929%, oklch(65.38% 0.0087 222.64) 83.929% 85.714%, oklch(61.19% 0.0091 222.58) 85.714% 87.500%, oklch(57.07% 0.0094 222.55) 87.500% 89.286%, oklch(53.13% 0.0098 222.54) 89.286% 91.071%, oklch(49.45% 0.0101 222.53) 91.071% 92.857%, oklch(46.11% 0.0104 222.51) 92.857% 94.643%, oklch(43.19% 0.0106 222.46) 94.643% 96.429%, oklch(40.78% 0.0108 222.38) 96.429% 98.214%, oklch(38.98% 0.0110 222.24) 98.214% 100.000%);
```

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