# Gray radial swatches

Gray radial swatches with 14 colors: #b3b9c0, #abbec1, #b1c3ad, #cbc0a2, #d5c8af, #d6d7c7, #dee1dd, #e2e4e2, #e0e6df, #d8e0d3, #c7ccbd, #a2a398, #777672, #585858. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWxwmz54-sHQBRztCD1uoA7w`
- Page: https://grabient.com/kWxwmz54-sHQBRztCD1uoA7w?style=radialSwatches&steps=14&angle=0
- Drawn as: radial swatches, 14 steps, 0 degrees
- Kinds: light center, neutral, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.5 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 252.42)` | Granite Fog | black, 10.6 to 1 |
| 2 | `#abbec1` | `oklch(78.86% 0.0218 205.60)` | Alpine Haze | black, 10.8 to 1 |
| 3 | `#b1c3ad` | `oklch(79.65% 0.0348 139.97)` | Wedding Mint | black, 11.2 to 1 |
| 4 | `#cbc0a2` | `oklch(81.03% 0.0426 90.27)` | Moth | black, 11.6 to 1 |
| 5 | `#d5c8af` | `oklch(83.62% 0.0371 84.57)` | Bone Meal | black, 12.6 to 1 |
| 6 | `#d6d7c7` | `oklch(87.44% 0.0213 109.77)` | Silver Green | black, 14.4 to 1 |
| 7 | `#dee1dd` | `oklch(90.60% 0.0063 138.50)` | Rock Candy | black, 15.9 to 1 |
| 8 | `#e2e4e2` | `oklch(91.68% 0.0029 147.12)` | Aria | black, 16.4 to 1 |
| 9 | `#e0e6df` | `oklch(91.79% 0.0101 142.24)` | Winter Veil | black, 16.5 to 1 |
| 10 | `#d8e0d3` | `oklch(89.75% 0.0192 132.06)` | River Mist | black, 15.5 to 1 |
| 11 | `#c7ccbd` | `oklch(83.78% 0.0216 122.23)` | Lamb’s Ears | black, 12.8 to 1 |
| 12 | `#a2a398` | `oklch(71.22% 0.0156 110.56)` | Tin Man | black, 8.2 to 1 |
| 13 | `#777672` | `oklch(56.49% 0.0065 98.29)` | Dry Mud | black, 4.6 to 1 |
| 14 | `#585858` | `oklch(46.06% 0.0000 89.88)` | Shadow Mountain | white, 7.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b3b9c0 0.000% 7.143%, #abbec1 7.143% 14.286%, #b1c3ad 14.286% 21.429%, #cbc0a2 21.429% 28.571%, #d5c8af 28.571% 35.714%, #d6d7c7 35.714% 42.857%, #dee1dd 42.857% 50.000%, #e2e4e2 50.000% 57.143%, #e0e6df 57.143% 64.286%, #d8e0d3 64.286% 71.429%, #c7ccbd 71.429% 78.571%, #a2a398 78.571% 85.714%, #777672 85.714% 92.857%, #585858 92.857% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(78.35% 0.0124 252.42) 0.000% 7.143%, oklch(78.86% 0.0218 205.60) 7.143% 14.286%, oklch(79.65% 0.0348 139.97) 14.286% 21.429%, oklch(81.03% 0.0426 90.27) 21.429% 28.571%, oklch(83.62% 0.0371 84.57) 28.571% 35.714%, oklch(87.44% 0.0213 109.77) 35.714% 42.857%, oklch(90.60% 0.0063 138.50) 42.857% 50.000%, oklch(91.68% 0.0029 147.12) 50.000% 57.143%, oklch(91.79% 0.0101 142.24) 57.143% 64.286%, oklch(89.75% 0.0192 132.06) 64.286% 71.429%, oklch(83.78% 0.0216 122.23) 71.429% 78.571%, oklch(71.22% 0.0156 110.56) 78.571% 85.714%, oklch(56.49% 0.0065 98.29) 85.714% 92.857%, oklch(46.06% 0.0000 89.88) 92.857% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.012 | 252.4 |
| 2 | 0.815 | 0.043 | 84.4 |
| 3 | 0.913 | 0.003 | 145.7 |
| 4 | 0.858 | 0.022 | 124.6 |
| 5 | 0.461 | 0 | 89.7 |

## In these collections

- [Neutral swatches](https://grabient.com/neutral-swatches)

## Other forms

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