# Crimson and blue runway flash photography palette

The Crimson and blue runway flash photography palette brings together red, magenta, and blue. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is magenta, and its lightest tone is blue.

- Also called: Tritone red, purple and blue linear swatches
- Seed: `kYl6cTxcU_kCeORJMLczTm_8asQG`
- Page: https://grabient.com/kYl6cTxcU_kCeORJMLczTm_8asQG?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: even lightness, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 1.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 | `#e81e22` | `oklch(59.45% 0.2301 27.42)` | Lust | black, 4.6 to 1 |
| 2 | `#c82d34` | `oklch(54.72% 0.1902 24.25)` | Mars Red | white, 5.4 to 1 |
| 3 | `#7e547f` | `oklch(50.79% 0.0827 326.13)` | Birthstone | white, 6 to 1 |
| 4 | `#357bc5` | `oklch(57.48% 0.1337 252.16)` | Celestial Plum | black, 4.7 to 1 |
| 5 | `#2a84dd` | `oklch(60.63% 0.1585 252.16)` | Blue Cola | black, 5.4 to 1 |
| 6 | `#4074b9` | `oklch(55.51% 0.1213 256.38)` | Sinatra | white, 4.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e81e22 0.000% 16.667%, #c82d34 16.667% 33.333%, #7e547f 33.333% 50.000%, #357bc5 50.000% 66.667%, #2a84dd 66.667% 83.333%, #4074b9 83.333% 100.000%);
background: linear-gradient(90deg, oklch(59.45% 0.2301 27.42) 0.000% 16.667%, oklch(54.72% 0.1902 24.25) 16.667% 33.333%, oklch(50.79% 0.0827 326.13) 33.333% 50.000%, oklch(57.48% 0.1337 252.16) 50.000% 66.667%, oklch(60.63% 0.1585 252.16) 66.667% 83.333%, oklch(55.51% 0.1213 256.38) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.23 | 27.4 |
| 2 | 0.547 | 0.19 | 24.3 |
| 3 | 0.508 | 0.083 | -33.9 |
| 4 | 0.575 | 0.134 | -107.8 |
| 5 | 0.606 | 0.158 | -107.8 |
| 6 | 0.555 | 0.121 | -103.6 |

## In these collections

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

## Other forms

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