# Gray and dark gray radial swatches

Gray and dark gray radial swatches with 32 colors: #c3bcb5, #beb8b1, #b7b4ad, #afaea8, #a6a8a3, #9ea19d, #969997, #8e9190, #878988, #808081, #797979, #717171, #696969, #5f5f5f, #565656, #4c4c4d, #434444, #3b3c3d, #343536, #2e3031, #2a2c2e, #292b2c, #2a2b2e, #2c2e31, #313335, #36383c, #3d3f42, #44464a, #4a4d51, #515357, #56585d, #595b60. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUywktSABTKSBwq8A0HA`
- Page: https://grabient.com/kUywktSABTKSBwq8A0HA?style=radialSwatches&steps=32&angle=315
- Drawn as: radial swatches, 32 steps, 315 degrees
- Kinds: dark center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 7.6 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 | `#c3bcb5` | `oklch(79.92% 0.0124 63.28)` | Linnet | black, 11.1 to 1 |
| 2 | `#beb8b1` | `oklch(78.61% 0.0116 73.20)` | Rampart | black, 10.7 to 1 |
| 3 | `#b7b4ad` | `oklch(76.96% 0.0105 86.64)` | Ashes | black, 10.1 to 1 |
| 4 | `#afaea8` | `oklch(75.02% 0.0092 102.80)` | Building Block | black, 9.4 to 1 |
| 5 | `#a6a8a3` | `oklch(72.84% 0.0077 120.85)` | Silver Grey | black, 8.7 to 1 |
| 6 | `#9ea19d` | `oklch(70.46% 0.0062 139.97)` | Cosmic Quest | black, 8 to 1 |
| 7 | `#969997` | `oklch(67.95% 0.0047 159.33)` | Stone Mason | black, 7.2 to 1 |
| 8 | `#8e9190` | `oklch(65.35% 0.0032 178.11)` | Neutral Grey | black, 6.5 to 1 |
| 9 | `#878988` | `oklch(62.72% 0.0019 195.50)` | Slate Rock | black, 5.9 to 1 |
| 10 | `#808081` | `oklch(60.09% 0.0009 210.67)` | Pound Sterling | black, 5.3 to 1 |
| 11 | `#797979` | `oklch(57.53% 0.0002 222.79)` | Steel | black, 4.8 to 1 |
| 12 | `#717171` | `oklch(54.93% 0.0000 89.88)` | Dull | white, 4.8 to 1 |
| 13 | `#696969` | `oklch(51.95% 0.0000 89.88)` | Dim Grey | white, 5.5 to 1 |
| 14 | `#5f5f5f` | `oklch(48.67% 0.0000 89.88)` | Shades On | white, 6.3 to 1 |
| 15 | `#565656` | `oklch(45.24% 0.0002 244.87)` | Jet Fuel | white, 7.3 to 1 |
| 16 | `#4c4c4d` | `oklch(41.79% 0.0007 246.41)` | Shady Character | white, 8.5 to 1 |
| 17 | `#434444` | `oklch(38.47% 0.0013 247.07)` | Goshawk Grey | white, 9.8 to 1 |
| 18 | `#3b3c3d` | `oklch(35.42% 0.0020 247.23)` | Yin Mist | white, 11.1 to 1 |
| 19 | `#343536` | `oklch(32.77% 0.0027 247.24)` | Jet | white, 12.3 to 1 |
| 20 | `#2e3031` | `oklch(30.66% 0.0033 247.46)` | Cod Grey | white, 13.3 to 1 |
| 21 | `#2a2c2e` | `oklch(29.24% 0.0038 248.25)` | Bunker | white, 13.9 to 1 |
| 22 | `#292b2c` | `oklch(28.64% 0.0043 249.90)` | Blackadder | white, 14.2 to 1 |
| 23 | `#2a2b2e` | `oklch(28.99% 0.0047 251.79)` | Bunker | white, 14.1 to 1 |
| 24 | `#2c2e31` | `oklch(30.14% 0.0051 253.66)` | Stretch Limo | white, 13.5 to 1 |
| 25 | `#313335` | `oklch(31.92% 0.0056 255.49)` | Ebony | white, 12.7 to 1 |
| 26 | `#36383c` | `oklch(34.16% 0.0061 257.25)` | Vulcan | white, 11.6 to 1 |
| 27 | `#3d3f42` | `oklch(36.68% 0.0065 258.92)` | Dark Engine | white, 10.5 to 1 |
| 28 | `#44464a` | `oklch(39.29% 0.0070 260.48)` | Steel Grey | white, 9.4 to 1 |
| 29 | `#4a4d51` | `oklch(41.84% 0.0074 261.90)` | Blackwood | white, 8.5 to 1 |
| 30 | `#515357` | `oklch(44.13% 0.0077 263.16)` | Fingerprint | white, 7.7 to 1 |
| 31 | `#56585d` | `oklch(45.99% 0.0080 264.24)` | Edge of Black | white, 7.1 to 1 |
| 32 | `#595b60` | `oklch(47.24% 0.0083 265.12)` | Iron Gate | white, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c3bcb5 0.000% 3.125%, #beb8b1 3.125% 6.250%, #b7b4ad 6.250% 9.375%, #afaea8 9.375% 12.500%, #a6a8a3 12.500% 15.625%, #9ea19d 15.625% 18.750%, #969997 18.750% 21.875%, #8e9190 21.875% 25.000%, #878988 25.000% 28.125%, #808081 28.125% 31.250%, #797979 31.250% 34.375%, #717171 34.375% 37.500%, #696969 37.500% 40.625%, #5f5f5f 40.625% 43.750%, #565656 43.750% 46.875%, #4c4c4d 46.875% 50.000%, #434444 50.000% 53.125%, #3b3c3d 53.125% 56.250%, #343536 56.250% 59.375%, #2e3031 59.375% 62.500%, #2a2c2e 62.500% 65.625%, #292b2c 65.625% 68.750%, #2a2b2e 68.750% 71.875%, #2c2e31 71.875% 75.000%, #313335 75.000% 78.125%, #36383c 78.125% 81.250%, #3d3f42 81.250% 84.375%, #44464a 84.375% 87.500%, #4a4d51 87.500% 90.625%, #515357 90.625% 93.750%, #56585d 93.750% 96.875%, #595b60 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(79.92% 0.0124 63.28) 0.000% 3.125%, oklch(78.61% 0.0116 73.20) 3.125% 6.250%, oklch(76.96% 0.0105 86.64) 6.250% 9.375%, oklch(75.02% 0.0092 102.80) 9.375% 12.500%, oklch(72.84% 0.0077 120.85) 12.500% 15.625%, oklch(70.46% 0.0062 139.97) 15.625% 18.750%, oklch(67.95% 0.0047 159.33) 18.750% 21.875%, oklch(65.35% 0.0032 178.11) 21.875% 25.000%, oklch(62.72% 0.0019 195.50) 25.000% 28.125%, oklch(60.09% 0.0009 210.67) 28.125% 31.250%, oklch(57.53% 0.0002 222.79) 31.250% 34.375%, oklch(54.93% 0.0000 89.88) 34.375% 37.500%, oklch(51.95% 0.0000 89.88) 37.500% 40.625%, oklch(48.67% 0.0000 89.88) 40.625% 43.750%, oklch(45.24% 0.0002 244.87) 43.750% 46.875%, oklch(41.79% 0.0007 246.41) 46.875% 50.000%, oklch(38.47% 0.0013 247.07) 50.000% 53.125%, oklch(35.42% 0.0020 247.23) 53.125% 56.250%, oklch(32.77% 0.0027 247.24) 56.250% 59.375%, oklch(30.66% 0.0033 247.46) 59.375% 62.500%, oklch(29.24% 0.0038 248.25) 62.500% 65.625%, oklch(28.64% 0.0043 249.90) 65.625% 68.750%, oklch(28.99% 0.0047 251.79) 68.750% 71.875%, oklch(30.14% 0.0051 253.66) 71.875% 75.000%, oklch(31.92% 0.0056 255.49) 75.000% 78.125%, oklch(34.16% 0.0061 257.25) 78.125% 81.250%, oklch(36.68% 0.0065 258.92) 81.250% 84.375%, oklch(39.29% 0.0070 260.48) 84.375% 87.500%, oklch(41.84% 0.0074 261.90) 87.500% 90.625%, oklch(44.13% 0.0077 263.16) 90.625% 93.750%, oklch(45.99% 0.0080 264.24) 93.750% 96.875%, oklch(47.24% 0.0083 265.12) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.012 | 63.3 |
| 2 | 0.567 | 0 | 226 |
| 3 | 0.287 | 0.004 | 249.3 |
| 4 | 0.472 | 0.008 | 265.1 |

## In these collections

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

## Other forms

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