# Crimson and stone runway flash photography

The Crimson and stone runway flash photography brings together red, blue, light blue, and pale magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is blue, and its lightest tone is pale magenta.

- Also called: Red, maroon, blue and lavender linear swatches
- Seed: `kYmK8TOLo-C6mtDFsL03ppCHAKR8`
- Page: https://grabient.com/kYmK8TOLo-C6mtDFsL03ppCHAKR8?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: dark center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.5 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 | `#ee091f` | `oklch(59.84% 0.2411 26.72)` | Irritated Ibis | black, 4.6 to 1 |
| 2 | `#97193e` | `oklch(44.49% 0.1598 10.87)` | Berry Rossi | white, 8.3 to 1 |
| 3 | `#2c3876` | `oklch(36.61% 0.1061 271.53)` | Ballpoint Indigo | white, 10.8 to 1 |
| 4 | `#1f75ba` | `oklch(54.72% 0.1337 248.28)` | Bluish | white, 4.8 to 1 |
| 5 | `#97acda` | `oklch(74.41% 0.0717 266.25)` | Aster Flower Blue | black, 9.2 to 1 |
| 6 | `#e4d2e0` | `oklch(88.19% 0.0276 332.82)` | Blissful Light | black, 14.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ee091f 0.000% 16.667%, #97193e 16.667% 33.333%, #2c3876 33.333% 50.000%, #1f75ba 50.000% 66.667%, #97acda 66.667% 83.333%, #e4d2e0 83.333% 100.000%);
background: linear-gradient(180deg, oklch(59.84% 0.2411 26.72) 0.000% 16.667%, oklch(44.49% 0.1598 10.87) 16.667% 33.333%, oklch(36.61% 0.1061 271.53) 33.333% 50.000%, oklch(54.72% 0.1337 248.28) 50.000% 66.667%, oklch(74.41% 0.0717 266.25) 66.667% 83.333%, oklch(88.19% 0.0276 332.82) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.241 | 26.7 |
| 2 | 0.445 | 0.16 | 10.9 |
| 3 | 0.366 | 0.106 | -88.5 |
| 4 | 0.547 | 0.134 | -111.7 |
| 5 | 0.744 | 0.072 | -93.8 |
| 6 | 0.882 | 0.028 | -27.2 |

## In these collections

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

## Other forms

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