# Pale sage and blue runway flash photography

The Pale sage and blue runway flash photography brings together off-white, light blue, blue, and dark blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Monochrome light blue to navy radial gradient
- Seed: `kY9ghRdAfTWAcQDFJz-rKa_R8ZP2`
- Page: https://grabient.com/kY9ghRdAfTWAcQDFJz-rKa_R8ZP2?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: light to dark, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 15 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 | `#f4f6ed` | `oklch(96.85% 0.0110 113.91)` | Angraecum Orchid | black, 19.2 to 1 |
| 2 | `#f0f5ed` | `oklch(96.39% 0.0115 132.80)` | Frosted Juniper | black, 18.9 to 1 |
| 3 | `#ebf4ef` | `oklch(95.84% 0.0118 160.32)` | Shiroi White | black, 18.6 to 1 |
| 4 | `#e6f2f1` | `oklch(95.16% 0.0122 192.37)` | Ethereal White | black, 18.3 to 1 |
| 5 | `#e3eef3` | `oklch(94.27% 0.0134 224.87)` | Diamond White | black, 17.8 to 1 |
| 6 | `#e1e9f3` | `oklch(93.13% 0.0157 253.70)` | Harbour Afternoon | black, 17.1 to 1 |
| 7 | `#dfe3f1` | `oklch(91.67% 0.0196 274.78)` | Iris Ice | black, 16.3 to 1 |
| 8 | `#dbdbee` | `oklch(89.85% 0.0259 285.92)` | Chinese Silver | black, 15.4 to 1 |
| 9 | `#d6d3ec` | `oklch(87.68% 0.0344 290.26)` | Air Castle | black, 14.3 to 1 |
| 10 | `#cdcaea` | `oklch(85.23% 0.0445 289.87)` | Miami White | black, 13.2 to 1 |
| 11 | `#c3c1e9` | `oklch(82.56% 0.0550 286.73)` | Violet Gems | black, 12.1 to 1 |
| 12 | `#b6b8e6` | `oklch(79.72% 0.0653 282.82)` | Perano | black, 11 to 1 |
| 13 | `#aaafe3` | `oklch(76.78% 0.0742 280.11)` | Maximum Blue Purple | black, 9.9 to 1 |
| 14 | `#9fa5dd` | `oklch(73.74% 0.0813 279.79)` | Sorbet Ice Mauve | black, 8.8 to 1 |
| 15 | `#949ad6` | `oklch(70.45% 0.0876 279.65)` | Portage | black, 7.8 to 1 |
| 16 | `#898fce` | `oklch(66.96% 0.0933 279.39)` | Bailey Bells | black, 6.8 to 1 |
| 17 | `#7d84c5` | `oklch(63.39% 0.0983 279.03)` | Twilight Twinkle | black, 5.9 to 1 |
| 18 | `#7279bc` | `oklch(59.81% 0.1026 278.58)` | Persian Jewel | black, 5.1 to 1 |
| 19 | `#676eb3` | `oklch(56.33% 0.1059 278.05)` | Chetwode Blue | white, 4.7 to 1 |
| 20 | `#5d64aa` | `oklch(53.01% 0.1084 277.45)` | Bellflower | white, 5.4 to 1 |
| 21 | `#535ba0` | `oklch(49.67% 0.1100 276.70)` | Purple Frenzy | white, 6.2 to 1 |
| 22 | `#495196` | `oklch(46.32% 0.1109 275.84)` | Crushed Velvet | white, 7.2 to 1 |
| 23 | `#3f488c` | `oklch(43.05% 0.1109 274.91)` | Spectrum Blue | white, 8.3 to 1 |
| 24 | `#364082` | `oklch(39.95% 0.1101 273.97)` | Evening Magic | white, 9.4 to 1 |
| 25 | `#2e3978` | `oklch(37.09% 0.1083 273.07)` | Good Karma | white, 10.6 to 1 |
| 26 | `#28326f` | `oklch(34.56% 0.1054 272.26)` | Blue Rose | white, 11.7 to 1 |
| 27 | `#222d66` | `oklch(32.28% 0.1006 271.47)` | Mythical Night | white, 12.8 to 1 |
| 28 | `#1d295d` | `oklch(30.20% 0.0940 270.67)` | Schiava Blue | white, 13.7 to 1 |
| 29 | `#1a2554` | `oklch(28.34% 0.0867 269.90)` | Spacescape | white, 14.6 to 1 |
| 30 | `#16224c` | `oklch(26.75% 0.0794 269.21)` | Fly-by-Night | white, 15.3 to 1 |
| 31 | `#141f45` | `oklch(25.43% 0.0732 268.62)` | Konkikyō Blue | white, 15.9 to 1 |
| 32 | `#121d41` | `oklch(24.41% 0.0689 268.19)` | Nightwalker | white, 16.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f4f6ed 0.0%, #f0f5ed 3.2%, #ebf4ef 6.5%, #e6f2f1 9.7%, #e3eef3 12.9%, #e1e9f3 16.1%, #dfe3f1 19.4%, #dbdbee 22.6%, #d6d3ec 25.8%, #cdcaea 29.0%, #c3c1e9 32.3%, #b6b8e6 35.5%, #aaafe3 38.7%, #9fa5dd 41.9%, #949ad6 45.2%, #898fce 48.4%, #7d84c5 51.6%, #7279bc 54.8%, #676eb3 58.1%, #5d64aa 61.3%, #535ba0 64.5%, #495196 67.7%, #3f488c 71.0%, #364082 74.2%, #2e3978 77.4%, #28326f 80.6%, #222d66 83.9%, #1d295d 87.1%, #1a2554 90.3%, #16224c 93.5%, #141f45 96.8%, #121d41 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.85% 0.0110 113.91) 0.0%, oklch(96.39% 0.0115 132.80) 3.2%, oklch(95.84% 0.0118 160.32) 6.5%, oklch(95.16% 0.0122 192.37) 9.7%, oklch(94.27% 0.0134 224.87) 12.9%, oklch(93.13% 0.0157 253.70) 16.1%, oklch(91.67% 0.0196 274.78) 19.4%, oklch(89.85% 0.0259 285.92) 22.6%, oklch(87.68% 0.0344 290.26) 25.8%, oklch(85.23% 0.0445 289.87) 29.0%, oklch(82.56% 0.0550 286.73) 32.3%, oklch(79.72% 0.0653 282.82) 35.5%, oklch(76.78% 0.0742 280.11) 38.7%, oklch(73.74% 0.0813 279.79) 41.9%, oklch(70.45% 0.0876 279.65) 45.2%, oklch(66.96% 0.0933 279.39) 48.4%, oklch(63.39% 0.0983 279.03) 51.6%, oklch(59.81% 0.1026 278.58) 54.8%, oklch(56.33% 0.1059 278.05) 58.1%, oklch(53.01% 0.1084 277.45) 61.3%, oklch(49.67% 0.1100 276.70) 64.5%, oklch(46.32% 0.1109 275.84) 67.7%, oklch(43.05% 0.1109 274.91) 71.0%, oklch(39.95% 0.1101 273.97) 74.2%, oklch(37.09% 0.1083 273.07) 77.4%, oklch(34.56% 0.1054 272.26) 80.6%, oklch(32.28% 0.1006 271.47) 83.9%, oklch(30.20% 0.0940 270.67) 87.1%, oklch(28.34% 0.0867 269.90) 90.3%, oklch(26.75% 0.0794 269.21) 93.5%, oklch(25.43% 0.0732 268.62) 96.8%, oklch(24.41% 0.0689 268.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.011 | 113.9 |
| 2 | 0.913 | 0.021 | 277.7 |
| 3 | 0.756 | 0.077 | 279.8 |
| 4 | 0.543 | 0.107 | 277.7 |
| 5 | 0.35 | 0.106 | 272.4 |
| 6 | 0.244 | 0.069 | 268.2 |

## In these collections

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

## Other forms

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