# Crimson and blue backstage powder chrome palette

The Crimson and blue backstage powder chrome palette brings together red, magenta, blue, teal, and light blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light blue.

- Also called: Tritone salmon, purple and light blue linear swatches
- Seed: `kYoFUYPaW67weN3SIjlY6O9mSQw4`
- Page: https://grabient.com/kYoFUYPaW67weN3SIjlY6O9mSQw4?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.6 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 | `#c56d59` | `oklch(62.99% 0.1171 33.75)` | Cajun Spice | black, 5.7 to 1 |
| 2 | `#8a4465` | `oklch(48.43% 0.1033 351.48)` | Putnam Plum | white, 6.8 to 1 |
| 3 | `#525689` | `oklch(47.24% 0.0827 279.62)` | Rich Violet | white, 6.8 to 1 |
| 4 | `#439ab8` | `oklch(64.57% 0.0937 223.61)` | Fairy Tale Blue | black, 6.5 to 1 |
| 5 | `#62cbd5` | `oklch(78.35% 0.0978 203.53)` | Watercourse | black, 11 to 1 |
| 6 | `#9fc0d4` | `oklch(79.13% 0.0455 234.18)` | Angel Sol | black, 11 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c56d59 0.000% 16.667%, #8a4465 16.667% 33.333%, #525689 33.333% 50.000%, #439ab8 50.000% 66.667%, #62cbd5 66.667% 83.333%, #9fc0d4 83.333% 100.000%);
background: linear-gradient(90deg, oklch(62.99% 0.1171 33.75) 0.000% 16.667%, oklch(48.43% 0.1033 351.48) 16.667% 33.333%, oklch(47.24% 0.0827 279.62) 33.333% 50.000%, oklch(64.57% 0.0937 223.61) 50.000% 66.667%, oklch(78.35% 0.0978 203.53) 66.667% 83.333%, oklch(79.13% 0.0455 234.18) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.63 | 0.117 | 33.8 |
| 2 | 0.484 | 0.103 | -8.5 |
| 3 | 0.472 | 0.083 | -80.4 |
| 4 | 0.646 | 0.094 | -136.4 |
| 5 | 0.783 | 0.098 | -156.5 |
| 6 | 0.791 | 0.045 | -125.8 |

## In these collections

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

## Other forms

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