# Stone, plum and indigo runway flash photography

The Stone, plum and indigo runway flash photography brings together off-white, red, dark gray, and blue. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark gray, and its lightest tone is off-white.

- Also called: Gray, red, black and blue linear swatches
- Seed: `kU7AS8OTxNReEtA5OL7A`
- Page: https://grabient.com/kU7AS8OTxNReEtA5OL7A?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark center, muted, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 15.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 | `#e6e8eb` | `oklch(92.91% 0.0055 264.37)` | Snow Cloud | black, 17 to 1 |
| 2 | `#9c1631` | `oklch(44.88% 0.1654 17.45)` | French Winery | white, 8.1 to 1 |
| 3 | `#111218` | `oklch(18.50% 0.0124 277.06)` | Midnight Edition | white, 18.6 to 1 |
| 4 | `#304baa` | `oklch(44.88% 0.1557 267.55)` | Night in Manchester | white, 7.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e6e8eb 0.000% 25.000%, #9c1631 25.000% 50.000%, #111218 50.000% 75.000%, #304baa 75.000% 100.000%);
background: linear-gradient(90deg, oklch(92.91% 0.0055 264.37) 0.000% 25.000%, oklch(44.88% 0.1654 17.45) 25.000% 50.000%, oklch(18.50% 0.0124 277.06) 50.000% 75.000%, oklch(44.88% 0.1557 267.55) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.006 | 264.4 |
| 2 | 0.449 | 0.165 | 377.4 |
| 3 | 0.185 | 0.012 | 277.1 |
| 4 | 0.449 | 0.156 | 267.5 |

## In these collections

- [Runway flash photography](https://grabient.com/runway-flash-photography)

## Other forms

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