# Copper in the Dressing Room

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

- Also called: Navy, brown and gray linear swatches
- Seed: `kYUB3BKQzKDkaxHLnkDV5RA1iBv4`
- Page: https://grabient.com/kYUB3BKQzKDkaxHLnkDV5RA1iBv4?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: dark to light, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.7 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 | `#2a3046` | `oklch(31.50% 0.0400 271.41)` | Blue Exult | white, 12.9 to 1 |
| 2 | `#422c34` | `oklch(32.28% 0.0344 357.00)` | Barossa | white, 12.7 to 1 |
| 3 | `#784539` | `oklch(44.88% 0.0730 35.05)` | Bole | white, 7.7 to 1 |
| 4 | `#a96e57` | `oklch(59.45% 0.0827 42.44)` | Orange Flambe | black, 5 to 1 |
| 5 | `#b8927d` | `oklch(68.90% 0.0551 49.84)` | Changing Seasons | black, 7.4 to 1 |
| 6 | `#a09d9b` | `oklch(69.69% 0.0041 46.67)` | Paloma | black, 7.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #2a3046 0.000% 16.667%, #422c34 16.667% 33.333%, #784539 33.333% 50.000%, #a96e57 50.000% 66.667%, #b8927d 66.667% 83.333%, #a09d9b 83.333% 100.000%);
background: linear-gradient(180deg, oklch(31.50% 0.0400 271.41) 0.000% 16.667%, oklch(32.28% 0.0344 357.00) 16.667% 33.333%, oklch(44.88% 0.0730 35.05) 33.333% 50.000%, oklch(59.45% 0.0827 42.44) 50.000% 66.667%, oklch(68.90% 0.0551 49.84) 66.667% 83.333%, oklch(69.69% 0.0041 46.67) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.04 | 271.4 |
| 2 | 0.323 | 0.034 | 357 |
| 3 | 0.449 | 0.073 | 395 |
| 4 | 0.594 | 0.083 | 402.4 |
| 5 | 0.689 | 0.055 | 409.8 |
| 6 | 0.697 | 0.004 | 406.7 |

## In these collections

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

## Other forms

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