# Navy, crimson and mustard equinox twilight horizon

The Navy, crimson and mustard equinox twilight horizon brings together blue, red, orange, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Navy, dark purple, maroon and tan linear gradient
- Seed: `kaXUW2pptC6sbSO5KsRSDBB9OtwrZrkOg`
- Page: https://grabient.com/kaXUW2pptC6sbSO5KsRSDBB9OtwrZrkOg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, warm, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.3 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 | `#193e70` | `oklch(36.61% 0.0951 256.64)` | Ashenvale Nights | white, 10.6 to 1 |
| 2 | `#1c3b6c` | `oklch(35.64% 0.0921 259.19)` | Limoges | white, 11.1 to 1 |
| 3 | `#1e3665` | `oklch(34.18% 0.0876 262.28)` | Passionate Blue | white, 11.7 to 1 |
| 4 | `#21315e` | `oklch(32.58% 0.0827 266.49)` | Ending Navy Blue | white, 12.5 to 1 |
| 5 | `#242d58` | `oklch(31.20% 0.0781 272.34)` | Deep Sea Base | white, 13.2 to 1 |
| 6 | `#282953` | `oklch(30.37% 0.0748 280.41)` | Ceremonial Purple | white, 13.6 to 1 |
| 7 | `#302650` | `oklch(30.25% 0.0728 291.82)` | Pāua | white, 13.8 to 1 |
| 8 | `#39244b` | `oklch(30.54% 0.0711 306.84)` | Operetta Mauve | white, 13.7 to 1 |
| 9 | `#422345` | `oklch(31.20% 0.0704 323.55)` | Purple Void | white, 13.4 to 1 |
| 10 | `#4a233f` | `oklch(32.17% 0.0709 339.98)` | Prestige Mauve | white, 13 to 1 |
| 11 | `#532539` | `oklch(33.40% 0.0732 354.19)` | Carambar | white, 12.4 to 1 |
| 12 | `#5b2735` | `oklch(34.91% 0.0780 4.92)` | Zinfandel | white, 11.8 to 1 |
| 13 | `#652932` | `oklch(36.83% 0.0860 13.62)` | Devil’s Lip | white, 10.9 to 1 |
| 14 | `#702c2e` | `oklch(39.05% 0.0957 20.83)` | Woody Brown | white, 10 to 1 |
| 15 | `#7b302a` | `oklch(41.40% 0.1055 26.97)` | Fired Brick | white, 9.1 to 1 |
| 16 | `#853526` | `oklch(43.75% 0.1139 32.45)` | Kofta Brown | white, 8.2 to 1 |
| 17 | `#8e3b21` | `oklch(46.01% 0.1198 37.48)` | Red Prairie | white, 7.5 to 1 |
| 18 | `#96411e` | `oklch(48.34% 0.1242 41.26)` | Hot Brown | white, 6.8 to 1 |
| 19 | `#9f481d` | `oklch(50.71% 0.1276 44.17)` | Rendang | white, 6.1 to 1 |
| 20 | `#a7501d` | `oklch(53.06% 0.1300 46.77)` | Garfield | white, 5.5 to 1 |
| 21 | `#ae571d` | `oklch(55.30% 0.1316 49.64)` | Autumnal | white, 5 to 1 |
| 22 | `#b35f1c` | `oklch(57.36% 0.1324 53.29)` | Old Guitar | white, 4.6 to 1 |
| 23 | `#b7671c` | `oklch(59.33% 0.1319 57.32)` | Light Brown | black, 4.9 to 1 |
| 24 | `#ba6f1e` | `oklch(61.21% 0.1302 61.58)` | Desert Sun | black, 5.3 to 1 |
| 25 | `#bc7721` | `oklch(62.97% 0.1281 66.10)` | Milvus Milvus Orange | black, 5.8 to 1 |
| 26 | `#bd7f24` | `oklch(64.56% 0.1263 70.93)` | Nouveau Green | black, 6.2 to 1 |
| 27 | `#bd8626` | `oklch(65.97% 0.1253 76.14)` | Gordal Olive | black, 6.6 to 1 |
| 28 | `#bc8d28` | `oklch(67.20% 0.1252 82.44)` | Hokey Pokey | black, 6.9 to 1 |
| 29 | `#b8952a` | `oklch(68.28% 0.1255 89.55)` | Sahara | black, 7.3 to 1 |
| 30 | `#b39b2f` | `oklch(69.19% 0.1260 96.58)` | Sahara | black, 7.6 to 1 |
| 31 | `#ada135` | `oklch(69.92% 0.1265 102.67)` | Martian | black, 7.9 to 1 |
| 32 | `#a9a53a` | `oklch(70.47% 0.1268 106.93)` | Camo Green | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #193e70 0.0%, #1c3b6c 3.2%, #1e3665 6.5%, #21315e 9.7%, #242d58 12.9%, #282953 16.1%, #302650 19.4%, #39244b 22.6%, #422345 25.8%, #4a233f 29.0%, #532539 32.3%, #5b2735 35.5%, #652932 38.7%, #702c2e 41.9%, #7b302a 45.2%, #853526 48.4%, #8e3b21 51.6%, #96411e 54.8%, #9f481d 58.1%, #a7501d 61.3%, #ae571d 64.5%, #b35f1c 67.7%, #b7671c 71.0%, #ba6f1e 74.2%, #bc7721 77.4%, #bd7f24 80.6%, #bd8626 83.9%, #bc8d28 87.1%, #b8952a 90.3%, #b39b2f 93.5%, #ada135 96.8%, #a9a53a 100.0%);
background: linear-gradient(90deg in oklch, oklch(36.61% 0.0951 256.64) 0.0%, oklch(35.64% 0.0921 259.19) 3.2%, oklch(34.18% 0.0876 262.28) 6.5%, oklch(32.58% 0.0827 266.49) 9.7%, oklch(31.20% 0.0781 272.34) 12.9%, oklch(30.37% 0.0748 280.41) 16.1%, oklch(30.25% 0.0728 291.82) 19.4%, oklch(30.54% 0.0711 306.84) 22.6%, oklch(31.20% 0.0704 323.55) 25.8%, oklch(32.17% 0.0709 339.98) 29.0%, oklch(33.40% 0.0732 354.19) 32.3%, oklch(34.91% 0.0780 4.92) 35.5%, oklch(36.83% 0.0860 13.62) 38.7%, oklch(39.05% 0.0957 20.83) 41.9%, oklch(41.40% 0.1055 26.97) 45.2%, oklch(43.75% 0.1139 32.45) 48.4%, oklch(46.01% 0.1198 37.48) 51.6%, oklch(48.34% 0.1242 41.26) 54.8%, oklch(50.71% 0.1276 44.17) 58.1%, oklch(53.06% 0.1300 46.77) 61.3%, oklch(55.30% 0.1316 49.64) 64.5%, oklch(57.36% 0.1324 53.29) 67.7%, oklch(59.33% 0.1319 57.32) 71.0%, oklch(61.21% 0.1302 61.58) 74.2%, oklch(62.97% 0.1281 66.10) 77.4%, oklch(64.56% 0.1263 70.93) 80.6%, oklch(65.97% 0.1253 76.14) 83.9%, oklch(67.20% 0.1252 82.44) 87.1%, oklch(68.28% 0.1255 89.55) 90.3%, oklch(69.19% 0.1260 96.58) 93.5%, oklch(69.92% 0.1265 102.67) 96.8%, oklch(70.47% 0.1268 106.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.095 | 256.6 |
| 2 | 0.303 | 0.074 | 282 |
| 3 | 0.339 | 0.074 | 358.1 |
| 4 | 0.449 | 0.117 | 395.1 |
| 5 | 0.567 | 0.132 | 412 |
| 6 | 0.657 | 0.125 | 435.2 |
| 7 | 0.705 | 0.127 | 466.9 |

## In these collections

- [Equinox twilight horizon](https://grabient.com/equinox-twilight-horizon)

## Other forms

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