# Cabin window at dusk

Tritone navy, purple and tan linear gradient with 32 colors: #091123, #0a1225, #0c1428, #0e162b, #10192e, #131b32, #161e35, #192039, #1c233d, #1e2540, #202843, #222a46, #252d4a, #282f4e, #2d3352, #353658, #3f3a5e, #4d3d64, #5f4168, #724669, #854b65, #96535f, #a45c57, #b06751, #ba734f, #c38050, #cd8e55, #d79c5b, #e0a963, #e8b46b, #efbe72, #f3c677. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone navy, purple and tan linear gradient
- Seed: `kWLh28oRJAi2WQbMJM2bChEo`
- Page: https://grabient.com/kWLh28oRJAi2WQbMJM2bChEo?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, muted, dark
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.8 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 | `#091123` | `oklch(18.11% 0.0400 265.08)` | Corbeau | white, 18.8 to 1 |
| 2 | `#0a1225` | `oklch(18.73% 0.0407 265.43)` | Corbeau | white, 18.6 to 1 |
| 3 | `#0c1428` | `oklch(19.53% 0.0417 265.83)` | Corbeau | white, 18.3 to 1 |
| 4 | `#0e162b` | `oklch(20.50% 0.0429 266.30)` | Liberty Blue | white, 17.9 to 1 |
| 5 | `#10192e` | `oklch(21.57% 0.0443 266.87)` | Dark Knight | white, 17.5 to 1 |
| 6 | `#131b32` | `oklch(22.73% 0.0457 267.57)` | Dark Knight | white, 17 to 1 |
| 7 | `#161e35` | `oklch(23.92% 0.0471 268.42)` | Sombre Night | white, 16.5 to 1 |
| 8 | `#192039` | `oklch(25.11% 0.0486 269.45)` | Kon | white, 16 to 1 |
| 9 | `#1c233d` | `oklch(26.26% 0.0499 270.64)` | Cool Balaclavas Are Forever | white, 15.5 to 1 |
| 10 | `#1e2540` | `oklch(27.31% 0.0510 271.11)` | Eternal Darkness | white, 15 to 1 |
| 11 | `#202843` | `oklch(28.27% 0.0518 270.96)` | Eternal Darkness | white, 14.5 to 1 |
| 12 | `#222a46` | `oklch(29.25% 0.0527 270.77)` | Fainting Light | white, 14 to 1 |
| 13 | `#252d4a` | `oklch(30.31% 0.0536 271.13)` | Wahoo | white, 13.5 to 1 |
| 14 | `#282f4e` | `oklch(31.53% 0.0549 272.62)` | Tropical Night Blue | white, 13 to 1 |
| 15 | `#2d3352` | `oklch(33.00% 0.0567 275.83)` | Midnight Escapade | white, 12.3 to 1 |
| 16 | `#353658` | `oklch(34.79% 0.0591 281.35)` | Very Blue | white, 11.5 to 1 |
| 17 | `#3f3a5e` | `oklch(36.97% 0.0625 289.90)` | Patriot Blue | white, 10.6 to 1 |
| 18 | `#4d3d64` | `oklch(39.57% 0.0670 302.27)` | Mulberry Purple | white, 9.6 to 1 |
| 19 | `#5f4168` | `oklch(42.48% 0.0724 317.53)` | Kikyō Purple | white, 8.5 to 1 |
| 20 | `#724669` | `oklch(45.64% 0.0784 334.55)` | Old Fashioned Purple | white, 7.5 to 1 |
| 21 | `#854b65` | `oklch(48.96% 0.0845 352.22)` | Damson | white, 6.5 to 1 |
| 22 | `#96535f` | `oklch(52.36% 0.0903 9.38)` | Vin Rouge | white, 5.6 to 1 |
| 23 | `#a45c57` | `oklch(55.75% 0.0955 24.93)` | Cheek Red | white, 4.9 to 1 |
| 24 | `#b06751` | `oklch(59.04% 0.0997 37.71)` | Bruschetta | black, 4.9 to 1 |
| 25 | `#ba734f` | `oklch(62.34% 0.1028 47.36)` | Pottery Clay | black, 5.6 to 1 |
| 26 | `#c38050` | `oklch(65.95% 0.1050 55.28)` | Fuegan Orange | black, 6.5 to 1 |
| 27 | `#cd8e55` | `oklch(69.72% 0.1066 61.76)` | Orange Nectar Bat | black, 7.5 to 1 |
| 28 | `#d79c5b` | `oklch(73.48% 0.1078 67.03)` | Ritzy | black, 8.7 to 1 |
| 29 | `#e0a963` | `oklch(77.06% 0.1086 71.32)` | Earth Yellow | black, 9.9 to 1 |
| 30 | `#e8b46b` | `oklch(80.30% 0.1092 74.84)` | Salted Caramel | black, 11.2 to 1 |
| 31 | `#efbe72` | `oklch(83.01% 0.1097 77.83)` | Vietnamese Lantern | black, 12.3 to 1 |
| 32 | `#f3c677` | `oklch(85.04% 0.1102 80.50)` | Orange Chocolate | black, 13.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #091123 0.0%, #0a1225 3.2%, #0c1428 6.5%, #0e162b 9.7%, #10192e 12.9%, #131b32 16.1%, #161e35 19.4%, #192039 22.6%, #1c233d 25.8%, #1e2540 29.0%, #202843 32.3%, #222a46 35.5%, #252d4a 38.7%, #282f4e 41.9%, #2d3352 45.2%, #353658 48.4%, #3f3a5e 51.6%, #4d3d64 54.8%, #5f4168 58.1%, #724669 61.3%, #854b65 64.5%, #96535f 67.7%, #a45c57 71.0%, #b06751 74.2%, #ba734f 77.4%, #c38050 80.6%, #cd8e55 83.9%, #d79c5b 87.1%, #e0a963 90.3%, #e8b46b 93.5%, #efbe72 96.8%, #f3c677 100.0%);
background: linear-gradient(180deg in oklch, oklch(18.11% 0.0400 265.08) 0.0%, oklch(18.73% 0.0407 265.43) 3.2%, oklch(19.53% 0.0417 265.83) 6.5%, oklch(20.50% 0.0429 266.30) 9.7%, oklch(21.57% 0.0443 266.87) 12.9%, oklch(22.73% 0.0457 267.57) 16.1%, oklch(23.92% 0.0471 268.42) 19.4%, oklch(25.11% 0.0486 269.45) 22.6%, oklch(26.26% 0.0499 270.64) 25.8%, oklch(27.31% 0.0510 271.11) 29.0%, oklch(28.27% 0.0518 270.96) 32.3%, oklch(29.25% 0.0527 270.77) 35.5%, oklch(30.31% 0.0536 271.13) 38.7%, oklch(31.53% 0.0549 272.62) 41.9%, oklch(33.00% 0.0567 275.83) 45.2%, oklch(34.79% 0.0591 281.35) 48.4%, oklch(36.97% 0.0625 289.90) 51.6%, oklch(39.57% 0.0670 302.27) 54.8%, oklch(42.48% 0.0724 317.53) 58.1%, oklch(45.64% 0.0784 334.55) 61.3%, oklch(48.96% 0.0845 352.22) 64.5%, oklch(52.36% 0.0903 9.38) 67.7%, oklch(55.75% 0.0955 24.93) 71.0%, oklch(59.04% 0.0997 37.71) 74.2%, oklch(62.34% 0.1028 47.36) 77.4%, oklch(65.95% 0.1050 55.28) 80.6%, oklch(69.72% 0.1066 61.76) 83.9%, oklch(73.48% 0.1078 67.03) 87.1%, oklch(77.06% 0.1086 71.32) 90.3%, oklch(80.30% 0.1092 74.84) 93.5%, oklch(83.01% 0.1097 77.83) 96.8%, oklch(85.04% 0.1102 80.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.04 | 265.1 |
| 2 | 0.26 | 0.05 | 270.4 |
| 3 | 0.358 | 0.061 | 285.2 |
| 4 | 0.598 | 0.101 | 400.3 |
| 5 | 0.85 | 0.11 | 440.5 |

## In these collections

- [Cozy color palette](https://grabient.com/cozy-color-palette)

## Other forms

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