# Stone and dusty blue backstage powder chrome

The Stone and dusty blue backstage powder chrome brings together light gray, light orange, red, gray, and blue. The colors span a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is light gray.

- Also called: Gray, tan and blue radial swatches
- Seed: `kY3w0y7BM-l2YvtMkz4Qgq4kYSOG`
- Page: https://grabient.com/kY3w0y7BM-l2YvtMkz4Qgq4kYSOG?style=radialSwatches&steps=6&angle=135
- Drawn as: radial swatches, 6 steps, 135 degrees
- Kinds: light to dark, muted, warm
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.8 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 | `#dfd5ca` | `oklch(87.80% 0.0179 71.02)` | Almond Beige | black, 14.5 to 1 |
| 2 | `#e9c6ac` | `oklch(85.04% 0.0524 59.39)` | Pinkham | black, 13.1 to 1 |
| 3 | `#cd9e84` | `oklch(73.62% 0.0675 49.88)` | Arbol de Tamarindo | black, 8.8 to 1 |
| 4 | `#9e766c` | `oklch(60.24% 0.0524 34.03)` | Southern Road | black, 5.2 to 1 |
| 5 | `#736370` | `oklch(51.97% 0.0289 331.68)` | Purple Kasbah | white, 5.5 to 1 |
| 6 | `#657190` | `oklch(55.12% 0.0496 268.28)` | Ocean Night | white, 4.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dfd5ca 0.000% 16.667%, #e9c6ac 16.667% 33.333%, #cd9e84 33.333% 50.000%, #9e766c 50.000% 66.667%, #736370 66.667% 83.333%, #657190 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(87.80% 0.0179 71.02) 0.000% 16.667%, oklch(85.04% 0.0524 59.39) 16.667% 33.333%, oklch(73.62% 0.0675 49.88) 33.333% 50.000%, oklch(60.24% 0.0524 34.03) 50.000% 66.667%, oklch(51.97% 0.0289 331.68) 66.667% 83.333%, oklch(55.12% 0.0496 268.28) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.018 | 71 |
| 2 | 0.85 | 0.052 | 59.4 |
| 3 | 0.736 | 0.068 | 49.9 |
| 4 | 0.602 | 0.052 | 34 |
| 5 | 0.52 | 0.029 | -28.3 |
| 6 | 0.551 | 0.05 | -91.7 |

## In these collections

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

## Other forms

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