# Peach and sky blue backstage powder chrome

The Peach and sky blue backstage powder chrome brings together light orange, red, blue, and light blue. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Beige, gray and light blue linear swatches
- Seed: `kY2iEsYBO-VKLOnSELa3hU-OyNv6`
- Page: https://grabient.com/kY2iEsYBO-VKLOnSELa3hU-OyNv6?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.1 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 | `#e7cab3` | `oklch(85.83% 0.0455 61.88)` | Woodstock Rose | black, 13.5 to 1 |
| 2 | `#cda693` | `oklch(75.59% 0.0537 48.14)` | Primal | black, 9.4 to 1 |
| 3 | `#a0888e` | `oklch(64.96% 0.0303 1.64)` | Majolica Mauve | black, 6.3 to 1 |
| 4 | `#8a8ba9` | `oklch(64.57% 0.0455 283.44)` | Non Skid Grey | black, 6.3 to 1 |
| 5 | `#9caad0` | `oklch(74.02% 0.0579 268.65)` | Tinted Lilac | black, 9 to 1 |
| 6 | `#c4cfe8` | `oklch(85.43% 0.0372 266.53)` | Purple Pj’s | black, 13.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e7cab3 0.000% 16.667%, #cda693 16.667% 33.333%, #a0888e 33.333% 50.000%, #8a8ba9 50.000% 66.667%, #9caad0 66.667% 83.333%, #c4cfe8 83.333% 100.000%);
background: linear-gradient(90deg, oklch(85.83% 0.0455 61.88) 0.000% 16.667%, oklch(75.59% 0.0537 48.14) 16.667% 33.333%, oklch(64.96% 0.0303 1.64) 33.333% 50.000%, oklch(64.57% 0.0455 283.44) 50.000% 66.667%, oklch(74.02% 0.0579 268.65) 66.667% 83.333%, oklch(85.43% 0.0372 266.53) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.045 | 61.9 |
| 2 | 0.756 | 0.054 | 48.1 |
| 3 | 0.65 | 0.03 | 1.6 |
| 4 | 0.646 | 0.045 | -76.6 |
| 5 | 0.74 | 0.058 | -91.4 |
| 6 | 0.854 | 0.037 | -93.5 |

## In these collections

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

## Other forms

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