# Powder pink lavender and steel blue rings

Black and gray radial swatches with 32 colors: #2a2529, #312b2f, #3b3438, #473f43, #544b50, #63575d, #72656a, #817277, #8e7e83, #9c8b8f, #aa999b, #b9a7a8, #c6b5b4, #d3c2c0, #decdcb, #e6d5d4, #ebd9da, #ecdbdf, #e9dae4, #e3d9e6, #d9d6e6, #ced2e2, #c2cddc, #b7c7d4, #adbeca, #a0b3be, #92a5b0, #8496a2, #768795, #6a7a88, #606f7e, #596777. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black and gray radial swatches
- Seed: `kWRQfszAfC3GHQnniS-wItBQ`
- Page: https://grabient.com/kWRQfszAfC3GHQnniS-wItBQ?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: light center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 11.2 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 | `#2a2529` | `oklch(27.17% 0.0096 332.58)` | Darth Vader | white, 15 to 1 |
| 2 | `#312b2f` | `oklch(29.81% 0.0106 334.55)` | Dark Onyx | white, 13.7 to 1 |
| 3 | `#3b3438` | `oklch(33.35% 0.0120 337.20)` | Deep Forest Brown | white, 12.1 to 1 |
| 4 | `#473f43` | `oklch(37.58% 0.0137 340.37)` | Ewa | white, 10.2 to 1 |
| 5 | `#544b50` | `oklch(42.26% 0.0155 343.86)` | Subtle Night Sky | white, 8.4 to 1 |
| 6 | `#63575d` | `oklch(47.15% 0.0172 347.51)` | Mauve Brown | white, 6.8 to 1 |
| 7 | `#72656a` | `oklch(52.03% 0.0188 351.13)` | Curtain Call | white, 5.5 to 1 |
| 8 | `#817277` | `oklch(56.67% 0.0200 354.55)` | Pumice Grey | black, 4.5 to 1 |
| 9 | `#8e7e83` | `oklch(60.86% 0.0208 357.69)` | Mighty Mauve | black, 5.4 to 1 |
| 10 | `#9c8b8f` | `oklch(65.19% 0.0211 2.20)` | Hatoba-Nezumi Grey | black, 6.4 to 1 |
| 11 | `#aa999b` | `oklch(69.76% 0.0210 7.99)` | Sahara Dust | black, 7.7 to 1 |
| 12 | `#b9a7a8` | `oklch(74.36% 0.0206 14.06)` | Object of Desire | black, 9.1 to 1 |
| 13 | `#c6b5b4` | `oklch(78.75% 0.0201 19.41)` | Rosy Linen | black, 10.6 to 1 |
| 14 | `#d3c2c0` | `oklch(82.72% 0.0197 23.04)` | French Taupe | black, 12.2 to 1 |
| 15 | `#decdcb` | `oklch(86.06% 0.0193 23.95)` | Delirious Donkey | black, 13.6 to 1 |
| 16 | `#e6d5d4` | `oklch(88.53% 0.0192 21.14)` | Demure | black, 14.7 to 1 |
| 17 | `#ebd9da` | `oklch(89.96% 0.0195 13.34)` | Angelic Choir | black, 15.4 to 1 |
| 18 | `#ecdbdf` | `oklch(90.54% 0.0199 359.16)` | Homoeopathic Red | black, 15.7 to 1 |
| 19 | `#e9dae4` | `oklch(90.40% 0.0206 340.18)` | Twinkled Pink | black, 15.6 to 1 |
| 20 | `#e3d9e6` | `oklch(89.63% 0.0213 318.41)` | Awakened | black, 15.2 to 1 |
| 21 | `#d9d6e6` | `oklch(88.32% 0.0221 295.81)` | Perfection | black, 14.7 to 1 |
| 22 | `#ced2e2` | `oklch(86.57% 0.0230 274.37)` | Bashful Lilac | black, 13.9 to 1 |
| 23 | `#c2cddc` | `oklch(84.47% 0.0238 256.08)` | Magical | black, 13 to 1 |
| 24 | `#b7c7d4` | `oklch(82.11% 0.0246 242.90)` | Winter Blizzard | black, 12.1 to 1 |
| 25 | `#adbeca` | `oklch(79.30% 0.0254 235.93)` | Cerulean Tint | black, 11 to 1 |
| 26 | `#a0b3be` | `oklch(75.50% 0.0262 233.41)` | Dockside Blue | black, 9.6 to 1 |
| 27 | `#92a5b0` | `oklch(71.04% 0.0270 234.23)` | Cadet Grey | black, 8.2 to 1 |
| 28 | `#8496a2` | `oklch(66.25% 0.0278 237.36)` | Evening Eclipse | black, 6.8 to 1 |
| 29 | `#768795` | `oklch(61.49% 0.0286 241.77)` | Skipper | black, 5.6 to 1 |
| 30 | `#6a7a88` | `oklch(57.10% 0.0293 246.41)` | Magnet Dapple | black, 4.7 to 1 |
| 31 | `#606f7e` | `oklch(53.41% 0.0299 250.25)` | Glide Time | white, 5.1 to 1 |
| 32 | `#596777` | `oklch(50.79% 0.0303 252.27)` | Blue Zephyr | white, 5.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #2a2529 0.000% 3.125%, #312b2f 3.125% 6.250%, #3b3438 6.250% 9.375%, #473f43 9.375% 12.500%, #544b50 12.500% 15.625%, #63575d 15.625% 18.750%, #72656a 18.750% 21.875%, #817277 21.875% 25.000%, #8e7e83 25.000% 28.125%, #9c8b8f 28.125% 31.250%, #aa999b 31.250% 34.375%, #b9a7a8 34.375% 37.500%, #c6b5b4 37.500% 40.625%, #d3c2c0 40.625% 43.750%, #decdcb 43.750% 46.875%, #e6d5d4 46.875% 50.000%, #ebd9da 50.000% 53.125%, #ecdbdf 53.125% 56.250%, #e9dae4 56.250% 59.375%, #e3d9e6 59.375% 62.500%, #d9d6e6 62.500% 65.625%, #ced2e2 65.625% 68.750%, #c2cddc 68.750% 71.875%, #b7c7d4 71.875% 75.000%, #adbeca 75.000% 78.125%, #a0b3be 78.125% 81.250%, #92a5b0 81.250% 84.375%, #8496a2 84.375% 87.500%, #768795 87.500% 90.625%, #6a7a88 90.625% 93.750%, #606f7e 93.750% 96.875%, #596777 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(27.17% 0.0096 332.58) 0.000% 3.125%, oklch(29.81% 0.0106 334.55) 3.125% 6.250%, oklch(33.35% 0.0120 337.20) 6.250% 9.375%, oklch(37.58% 0.0137 340.37) 9.375% 12.500%, oklch(42.26% 0.0155 343.86) 12.500% 15.625%, oklch(47.15% 0.0172 347.51) 15.625% 18.750%, oklch(52.03% 0.0188 351.13) 18.750% 21.875%, oklch(56.67% 0.0200 354.55) 21.875% 25.000%, oklch(60.86% 0.0208 357.69) 25.000% 28.125%, oklch(65.19% 0.0211 2.20) 28.125% 31.250%, oklch(69.76% 0.0210 7.99) 31.250% 34.375%, oklch(74.36% 0.0206 14.06) 34.375% 37.500%, oklch(78.75% 0.0201 19.41) 37.500% 40.625%, oklch(82.72% 0.0197 23.04) 40.625% 43.750%, oklch(86.06% 0.0193 23.95) 43.750% 46.875%, oklch(88.53% 0.0192 21.14) 46.875% 50.000%, oklch(89.96% 0.0195 13.34) 50.000% 53.125%, oklch(90.54% 0.0199 359.16) 53.125% 56.250%, oklch(90.40% 0.0206 340.18) 56.250% 59.375%, oklch(89.63% 0.0213 318.41) 59.375% 62.500%, oklch(88.32% 0.0221 295.81) 62.500% 65.625%, oklch(86.57% 0.0230 274.37) 65.625% 68.750%, oklch(84.47% 0.0238 256.08) 68.750% 71.875%, oklch(82.11% 0.0246 242.90) 71.875% 75.000%, oklch(79.30% 0.0254 235.93) 75.000% 78.125%, oklch(75.50% 0.0262 233.41) 78.125% 81.250%, oklch(71.04% 0.0270 234.23) 81.250% 84.375%, oklch(66.25% 0.0278 237.36) 84.375% 87.500%, oklch(61.49% 0.0286 241.77) 87.500% 90.625%, oklch(57.10% 0.0293 246.41) 90.625% 93.750%, oklch(53.41% 0.0299 250.25) 93.750% 96.875%, oklch(50.79% 0.0303 252.27) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.01 | 332.6 |
| 2 | 0.598 | 0.021 | 356.9 |
| 3 | 0.894 | 0.019 | 378 |
| 4 | 0.815 | 0.025 | 240.6 |
| 5 | 0.508 | 0.03 | 252.3 |

## In these collections

- [Backstage powder chrome](https://grabient.com/backstage-powder-chrome)

## Other forms

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