# Plum and silver runway flash photography

The Plum and silver runway flash photography brings together magenta, off-white, dark blue, blue, and gray. 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 blue, and its lightest tone is off-white.

- Also called: Purple, black, blue and gray linear swatches
- Seed: `kWYT_o-4E7B0JPa_wL-04c_w`
- Page: https://grabient.com/kWYT_o-4E7B0JPa_wL-04c_w?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15.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 | `#5b315b` | `oklch(38.19% 0.0868 326.95)` | Japanese Violet | white, 10.3 to 1 |
| 2 | `#f6f6f8` | `oklch(97.24% 0.0028 285.74)` | Gram’s Hair | black, 19.3 to 1 |
| 3 | `#171c28` | `oklch(22.83% 0.0248 266.72)` | Coarse Wool | white, 16.9 to 1 |
| 4 | `#2e59c7` | `oklch(50.00% 0.1778 264.60)` | Free Speech Blue | white, 6.2 to 1 |
| 5 | `#8b929e` | `oklch(65.75% 0.0193 263.55)` | Lilac Fields | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5b315b 0.000% 20.000%, #f6f6f8 20.000% 40.000%, #171c28 40.000% 60.000%, #2e59c7 60.000% 80.000%, #8b929e 80.000% 100.000%);
background: linear-gradient(90deg, oklch(38.19% 0.0868 326.95) 0.000% 20.000%, oklch(97.24% 0.0028 285.74) 20.000% 40.000%, oklch(22.83% 0.0248 266.72) 40.000% 60.000%, oklch(50.00% 0.1778 264.60) 60.000% 80.000%, oklch(65.75% 0.0193 263.55) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.087 | 327 |
| 2 | 0.972 | 0.003 | 285.7 |
| 3 | 0.228 | 0.025 | 266.7 |
| 4 | 0.5 | 0.178 | 264.6 |
| 5 | 0.657 | 0.019 | 263.5 |

## In these collections

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

## Other forms

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