# Near-black, off-white and aubergine runway flash photography

The Near-black, off-white and aubergine runway flash photography brings together dark gray, light gray, off-white, red, and purple. 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: Black, white, red and purple linear swatches
- Seed: `kWMAq354U-vsArzExTXqRs2g`
- Page: https://grabient.com/kWMAq354U-vsArzExTXqRs2g?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 16.8 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 | `#10141a` | `oklch(18.90% 0.0138 258.05)` | Black Is Back | white, 18.5 to 1 |
| 2 | `#bcc3cb` | `oklch(81.50% 0.0138 247.48)` | Yorkshire Cloud | black, 11.8 to 1 |
| 3 | `#f5f5f4` | `oklch(96.85% 0.0014 105.87)` | White Smoke | black, 19.1 to 1 |
| 4 | `#c5293a` | `oklch(53.94% 0.1902 21.33)` | Classic Red | white, 5.6 to 1 |
| 5 | `#3b2953` | `oklch(32.28% 0.0744 302.08)` | Parachute Purple | white, 12.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #10141a 0.000% 20.000%, #bcc3cb 20.000% 40.000%, #f5f5f4 40.000% 60.000%, #c5293a 60.000% 80.000%, #3b2953 80.000% 100.000%);
background: linear-gradient(90deg, oklch(18.90% 0.0138 258.05) 0.000% 20.000%, oklch(81.50% 0.0138 247.48) 20.000% 40.000%, oklch(96.85% 0.0014 105.87) 40.000% 60.000%, oklch(53.94% 0.1902 21.33) 60.000% 80.000%, oklch(32.28% 0.0744 302.08) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.014 | 258 |
| 2 | 0.815 | 0.014 | 247.5 |
| 3 | 0.969 | 0.001 | 105.9 |
| 4 | 0.539 | 0.19 | 21.3 |
| 5 | 0.323 | 0.074 | -57.9 |

## In these collections

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

## Other forms

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