# Champagne, bronze and navy runway flash photography

The Champagne, bronze and navy runway flash photography brings together off-white, pale orange, light orange, orange, dark purple, 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: White, brown, black and navy radial gradient
- Seed: `kc7ws88Y6_WUWv5TGj-Pxg-yyQPcfDrWHSK6g`
- Page: https://grabient.com/kc7ws88Y6_WUWv5TGj-Pxg-yyQPcfDrWHSK6g?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: light to dark, muted, warm
- Hues: complementary
- Contrast of its darkest and lightest colors: 14.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 | `#f0ebe0` | `oklch(94.09% 0.0152 85.08)` | Shell White | black, 17.6 to 1 |
| 2 | `#efe9db` | `oklch(93.45% 0.0191 84.20)` | Silk Dessou | black, 17.3 to 1 |
| 3 | `#efe5d4` | `oklch(92.57% 0.0248 82.93)` | Stone Pillar | black, 16.8 to 1 |
| 4 | `#ede1cc` | `oklch(91.44% 0.0313 81.53)` | Sunny Gazebo | black, 16.2 to 1 |
| 5 | `#ebdcc3` | `oklch(90.05% 0.0376 80.24)` | Wild Oats | black, 15.5 to 1 |
| 6 | `#e8d6ba` | `oklch(88.38% 0.0430 79.28)` | Palomino Mane | black, 14.7 to 1 |
| 7 | `#e4cfaf` | `oklch(86.43% 0.0485 78.51)` | Classic Terra | black, 13.8 to 1 |
| 8 | `#dfc8a4` | `oklch(84.22% 0.0538 77.85)` | Pita Bread | black, 12.8 to 1 |
| 9 | `#d9bf99` | `oklch(81.78% 0.0586 77.21)` | Honey Peach | black, 11.8 to 1 |
| 10 | `#d2b68e` | `oklch(79.14% 0.0625 76.53)` | Granivorous | black, 10.8 to 1 |
| 11 | `#caad83` | `oklch(76.22% 0.0658 75.96)` | Harvest Home | black, 9.7 to 1 |
| 12 | `#c1a277` | `oklch(73.04% 0.0684 75.47)` | Apple Sauce Cake | black, 8.7 to 1 |
| 13 | `#b8986c` | `oklch(69.71% 0.0703 74.84)` | Shelter | black, 7.7 to 1 |
| 14 | `#ae8d61` | `oklch(66.32% 0.0715 73.84)` | Alpha Gold | black, 6.7 to 1 |
| 15 | `#a48257` | `oklch(62.89% 0.0718 72.37)` | Rookwood Antique Gold | black, 5.9 to 1 |
| 16 | `#99774e` | `oklch(59.32% 0.0714 70.62)` | Weathered Wicker | black, 5.1 to 1 |
| 17 | `#8f6c45` | `oklch(55.69% 0.0702 68.53)` | Grecian Helmet | white, 4.7 to 1 |
| 18 | `#84613d` | `oklch(52.10% 0.0681 66.03)` | Loose Leather | white, 5.5 to 1 |
| 19 | `#7a5737` | `oklch(48.63% 0.0652 63.16)` | Über Umber | white, 6.4 to 1 |
| 20 | `#6e4e32` | `oklch(45.17% 0.0604 61.43)` | Coffee | white, 7.5 to 1 |
| 21 | `#63452d` | `oklch(41.76% 0.0546 59.68)` | Irish Coffee | white, 8.6 to 1 |
| 22 | `#583d2a` | `oklch(38.49% 0.0489 55.78)` | Peat Brown | white, 9.9 to 1 |
| 23 | `#4f3427` | `oklch(35.45% 0.0445 47.62)` | Bramble Bush | white, 11.2 to 1 |
| 24 | `#472c27` | `oklch(32.60% 0.0413 32.75)` | Brown Coffee | white, 12.6 to 1 |
| 25 | `#3e2528` | `oklch(29.84% 0.0381 11.97)` | Night Red | white, 13.9 to 1 |
| 26 | `#35202a` | `oklch(27.35% 0.0363 349.10)` | Antique Burgundy | white, 15.1 to 1 |
| 27 | `#2c1c2b` | `oklch(25.31% 0.0375 328.02)` | Shikon | white, 16 to 1 |
| 28 | `#26192e` | `oklch(23.89% 0.0432 312.01)` | Black Howl | white, 16.7 to 1 |
| 29 | `#211733` | `oklch(23.18% 0.0553 298.88)` | Blacklist | white, 17 to 1 |
| 30 | `#1c153b` | `oklch(22.93% 0.0706 287.90)` | Prune Plum | white, 17.1 to 1 |
| 31 | `#161443` | `oklch(22.90% 0.0852 279.18)` | Deadly Depths | white, 17.2 to 1 |
| 32 | `#101448` | `oklch(22.83% 0.0951 272.83)` | Deadly Depths | white, 17.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f0ebe0 0.0%, #efe9db 3.2%, #efe5d4 6.5%, #ede1cc 9.7%, #ebdcc3 12.9%, #e8d6ba 16.1%, #e4cfaf 19.4%, #dfc8a4 22.6%, #d9bf99 25.8%, #d2b68e 29.0%, #caad83 32.3%, #c1a277 35.5%, #b8986c 38.7%, #ae8d61 41.9%, #a48257 45.2%, #99774e 48.4%, #8f6c45 51.6%, #84613d 54.8%, #7a5737 58.1%, #6e4e32 61.3%, #63452d 64.5%, #583d2a 67.7%, #4f3427 71.0%, #472c27 74.2%, #3e2528 77.4%, #35202a 80.6%, #2c1c2b 83.9%, #26192e 87.1%, #211733 90.3%, #1c153b 93.5%, #161443 96.8%, #101448 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.09% 0.0152 85.08) 0.0%, oklch(93.45% 0.0191 84.20) 3.2%, oklch(92.57% 0.0248 82.93) 6.5%, oklch(91.44% 0.0313 81.53) 9.7%, oklch(90.05% 0.0376 80.24) 12.9%, oklch(88.38% 0.0430 79.28) 16.1%, oklch(86.43% 0.0485 78.51) 19.4%, oklch(84.22% 0.0538 77.85) 22.6%, oklch(81.78% 0.0586 77.21) 25.8%, oklch(79.14% 0.0625 76.53) 29.0%, oklch(76.22% 0.0658 75.96) 32.3%, oklch(73.04% 0.0684 75.47) 35.5%, oklch(69.71% 0.0703 74.84) 38.7%, oklch(66.32% 0.0715 73.84) 41.9%, oklch(62.89% 0.0718 72.37) 45.2%, oklch(59.32% 0.0714 70.62) 48.4%, oklch(55.69% 0.0702 68.53) 51.6%, oklch(52.10% 0.0681 66.03) 54.8%, oklch(48.63% 0.0652 63.16) 58.1%, oklch(45.17% 0.0604 61.43) 61.3%, oklch(41.76% 0.0546 59.68) 64.5%, oklch(38.49% 0.0489 55.78) 67.7%, oklch(35.45% 0.0445 47.62) 71.0%, oklch(32.60% 0.0413 32.75) 74.2%, oklch(29.84% 0.0381 11.97) 77.4%, oklch(27.35% 0.0363 349.10) 80.6%, oklch(25.31% 0.0375 328.02) 83.9%, oklch(23.89% 0.0432 312.01) 87.1%, oklch(23.18% 0.0553 298.88) 90.3%, oklch(22.93% 0.0706 287.90) 93.5%, oklch(22.90% 0.0852 279.18) 96.8%, oklch(22.83% 0.0951 272.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.015 | 85.1 |
| 2 | 0.894 | 0.04 | 79.8 |
| 3 | 0.795 | 0.062 | 76.6 |
| 4 | 0.654 | 0.072 | 73.5 |
| 5 | 0.496 | 0.066 | 63.9 |
| 6 | 0.35 | 0.044 | 46 |
| 7 | 0.244 | 0.04 | -41.7 |
| 8 | 0.228 | 0.095 | -87.2 |

## In these collections

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

## Other forms

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