# Dusty coral midnight gradient

Brown, salmon, gray and navy linear gradient with 24 colors: #a86655, #af6d5b, #b97664, #c4806d, #ca8874, #cc8d7a, #cc917e, #c99382, #c39386, #b79388, #a79089, #988b89, #8c8384, #7f797e, #6e6f79, #5a6570, #485b65, #36505d, #264457, #18384f, #0d2e46, #05233b, #021a31, #00142a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, salmon, gray and navy linear gradient
- Seed: `kak0EZVx_ANoXv_QhL4vgivCkUwEYE8DA`
- Page: https://grabient.com/kak0EZVx_ANoXv_QhL4vgivCkUwEYE8DA?steps=24&angle=180
- Drawn as: linear gradient, 24 steps, 180 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 7 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 | `#a86655` | `oklch(57.87% 0.0896 35.16)` | Rust Coloured | black, 4.6 to 1 |
| 2 | `#af6d5b` | `oklch(60.10% 0.0895 35.61)` | Bantam Egg | black, 5.1 to 1 |
| 3 | `#b97664` | `oklch(63.32% 0.0895 36.27)` | Azalea Pot | black, 5.8 to 1 |
| 4 | `#c4806d` | `oklch(66.55% 0.0887 36.91)` | Earthworm | black, 6.6 to 1 |
| 5 | `#ca8874` | `oklch(68.78% 0.0863 37.33)` | Ginger Whisper | black, 7.2 to 1 |
| 6 | `#cc8d7a` | `oklch(70.15% 0.0825 37.90)` | Ginger Scent | black, 7.6 to 1 |
| 7 | `#cc917e` | `oklch(70.96% 0.0775 38.41)` | Simmering Ridge | black, 7.9 to 1 |
| 8 | `#c99382` | `oklch(71.14% 0.0706 38.17)` | Simmering Ridge | black, 7.9 to 1 |
| 9 | `#c39386` | `oklch(70.60% 0.0611 36.96)` | Pressed Blossoms | black, 7.8 to 1 |
| 10 | `#b79388` | `oklch(69.27% 0.0463 38.26)` | Mauve Blush | black, 7.5 to 1 |
| 11 | `#a79089` | `oklch(67.29% 0.0297 38.22)` | Tribeca | black, 7 to 1 |
| 12 | `#988b89` | `oklch(64.78% 0.0163 30.82)` | Fashion Week | black, 6.3 to 1 |
| 13 | `#8c8384` | `oklch(61.85% 0.0106 9.09)` | Purpura | black, 5.7 to 1 |
| 14 | `#7f797e` | `oklch(58.29% 0.0111 329.12)` | Storm Front | black, 4.9 to 1 |
| 15 | `#6e6f79` | `oklch(54.31% 0.0155 283.69)` | Granite Canyon | white, 5 to 1 |
| 16 | `#5a6570` | `oklch(50.18% 0.0214 247.37)` | Slate Grey | white, 5.9 to 1 |
| 17 | `#485b65` | `oklch(46.02% 0.0283 231.66)` | Fiord | white, 7 to 1 |
| 18 | `#36505d` | `oklch(41.60% 0.0382 230.84)` | Velvet Evening | white, 8.5 to 1 |
| 19 | `#264457` | `oklch(37.15% 0.0484 237.01)` | Astronaut Blue | white, 10.2 to 1 |
| 20 | `#18384f` | `oklch(32.94% 0.0558 242.63)` | Gibraltar Sea | white, 12.1 to 1 |
| 21 | `#0d2e46` | `oklch(28.92% 0.0582 244.45)` | Crow Black Blue | white, 14 to 1 |
| 22 | `#05233b` | `oklch(24.88% 0.0573 246.69)` | Celestial Canvas | white, 16 to 1 |
| 23 | `#021a31` | `oklch(21.36% 0.0552 248.87)` | Oxford by Night | white, 17.5 to 1 |
| 24 | `#00142a` | `oklch(18.90% 0.0537 250.38)` | Squid’s Ink | white, 18.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #a86655 0.0%, #af6d5b 4.3%, #b97664 8.7%, #c4806d 13.0%, #ca8874 17.4%, #cc8d7a 21.7%, #cc917e 26.1%, #c99382 30.4%, #c39386 34.8%, #b79388 39.1%, #a79089 43.5%, #988b89 47.8%, #8c8384 52.2%, #7f797e 56.5%, #6e6f79 60.9%, #5a6570 65.2%, #485b65 69.6%, #36505d 73.9%, #264457 78.3%, #18384f 82.6%, #0d2e46 87.0%, #05233b 91.3%, #021a31 95.7%, #00142a 100.0%);
background: linear-gradient(180deg in oklch, oklch(57.87% 0.0896 35.16) 0.0%, oklch(60.10% 0.0895 35.61) 4.3%, oklch(63.32% 0.0895 36.27) 8.7%, oklch(66.55% 0.0887 36.91) 13.0%, oklch(68.78% 0.0863 37.33) 17.4%, oklch(70.15% 0.0825 37.90) 21.7%, oklch(70.96% 0.0775 38.41) 26.1%, oklch(71.14% 0.0706 38.17) 30.4%, oklch(70.60% 0.0611 36.96) 34.8%, oklch(69.27% 0.0463 38.26) 39.1%, oklch(67.29% 0.0297 38.22) 43.5%, oklch(64.78% 0.0163 30.82) 47.8%, oklch(61.85% 0.0106 9.09) 52.2%, oklch(58.29% 0.0111 329.12) 56.5%, oklch(54.31% 0.0155 283.69) 60.9%, oklch(50.18% 0.0214 247.37) 65.2%, oklch(46.02% 0.0283 231.66) 69.6%, oklch(41.60% 0.0382 230.84) 73.9%, oklch(37.15% 0.0484 237.01) 78.3%, oklch(32.94% 0.0558 242.63) 82.6%, oklch(28.92% 0.0582 244.45) 87.0%, oklch(24.88% 0.0573 246.69) 91.3%, oklch(21.36% 0.0552 248.87) 95.7%, oklch(18.90% 0.0537 250.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.09 | 35.2 |
| 2 | 0.685 | 0.087 | 37.3 |
| 3 | 0.709 | 0.065 | 37.3 |
| 4 | 0.634 | 0.012 | 22.5 |
| 5 | 0.488 | 0.023 | -120.2 |
| 6 | 0.323 | 0.056 | -117 |
| 7 | 0.189 | 0.054 | -109.6 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)

## Other forms

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