# Blue and bronze incense smoke at twilight

The Blue and bronze incense smoke at twilight brings together dark blue, purple, orange, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is orange.

- Also called: Dark blue, brown and navy linear gradient
- Seed: `kcS2XBrZBEr0YzJKLMBTi9AEcov84kb3KpSyA`
- Page: https://grabient.com/kcS2XBrZBEr0YzJKLMBTi9AEcov84kb3KpSyA?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, warm
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#191d70` | `oklch(29.53% 0.1392 272.11)` | 20000 Leagues Under the Sea | white, 14.4 to 1 |
| 2 | `#23226a` | `oklch(30.41% 0.1218 277.15)` | Intergalactic Cowboy | white, 13.9 to 1 |
| 3 | `#2d2860` | `oklch(31.61% 0.0961 283.79)` | Paris M | white, 13.2 to 1 |
| 4 | `#372e56` | `oklch(33.14% 0.0693 292.97)` | Midnight Pie | white, 12.4 to 1 |
| 5 | `#41344f` | `oklch(34.96% 0.0490 305.58)` | Devil’s Plum | white, 11.5 to 1 |
| 6 | `#4b394d` | `oklch(37.13% 0.0411 323.53)` | Prince | white, 10.5 to 1 |
| 7 | `#593e4b` | `oklch(39.80% 0.0424 349.43)` | Siliceous Red | white, 9.5 to 1 |
| 8 | `#684445` | `oklch(42.75% 0.0494 18.16)` | Twinberry | white, 8.4 to 1 |
| 9 | `#734c3c` | `oklch(45.70% 0.0592 43.85)` | Tiramisu | white, 7.3 to 1 |
| 10 | `#7b5535` | `oklch(48.39% 0.0688 60.67)` | Pheasant Brown | white, 6.5 to 1 |
| 11 | `#855d30` | `oklch(50.99% 0.0807 67.22)` | Treacle | white, 5.8 to 1 |
| 12 | `#926229` | `oklch(53.54% 0.0951 67.33)` | Tapenade | white, 5.2 to 1 |
| 13 | `#a06523` | `oklch(55.87% 0.1092 64.50)` | Cockatrice Brown | white, 4.8 to 1 |
| 14 | `#ab671e` | `oklch(57.81% 0.1204 62.22)` | Sattle | black, 4.7 to 1 |
| 15 | `#b26a19` | `oklch(59.27% 0.1268 62.48)` | Pumpkin Spice | black, 4.9 to 1 |
| 16 | `#b76d18` | `oklch(60.40% 0.1300 62.83)` | Indocile Tiger | black, 5.2 to 1 |
| 17 | `#ba6f19` | `oklch(61.15% 0.1309 63.07)` | Desert Sun | black, 5.3 to 1 |
| 18 | `#ba711c` | `oklch(61.48% 0.1303 63.20)` | Desert Sun | black, 5.4 to 1 |
| 19 | `#b9701d` | `oklch(61.32% 0.1292 63.25)` | Desert Sun | black, 5.4 to 1 |
| 20 | `#b66f1c` | `oklch(60.63% 0.1275 63.58)` | Hardy Clay | black, 5.2 to 1 |
| 21 | `#b16c1b` | `oklch(59.48% 0.1247 63.90)` | Pumpkin Spice | black, 5 to 1 |
| 22 | `#ab681d` | `oklch(57.96% 0.1201 63.69)` | Sattle | black, 4.7 to 1 |
| 23 | `#a36422` | `oklch(56.18% 0.1129 62.46)` | Cockatrice Brown | white, 4.7 to 1 |
| 24 | `#99602a` | `oklch(54.06% 0.1011 61.26)` | Chilli Con Carne | white, 5.1 to 1 |
| 25 | `#8b5b31` | `oklch(51.51% 0.0846 60.90)` | Treacle | white, 5.7 to 1 |
| 26 | `#7c5638` | `oklch(48.75% 0.0673 58.60)` | Château Mantle | white, 6.4 to 1 |
| 27 | `#70503c` | `oklch(45.98% 0.0532 51.51)` | Traditional Leather | white, 7.2 to 1 |
| 28 | `#68483f` | `oklch(43.36% 0.0462 36.28)` | Spiced Wine | white, 8.1 to 1 |
| 29 | `#5f3f43` | `oklch(40.51% 0.0459 9.58)` | Vulcan Burgundy | white, 9.2 to 1 |
| 30 | `#53374b` | `oklch(37.67% 0.0493 337.47)` | Noble Hatter’s Violet | white, 10.4 to 1 |
| 31 | `#433351` | `oklch(35.20% 0.0538 307.41)` | Devil’s Plum | white, 11.4 to 1 |
| 32 | `#353252` | `oklch(33.46% 0.0565 286.90)` | Astral Aura | white, 12.1 to 1 |

## CSS

```css
background: linear-gradient(315deg, #191d70 0.0%, #23226a 3.2%, #2d2860 6.5%, #372e56 9.7%, #41344f 12.9%, #4b394d 16.1%, #593e4b 19.4%, #684445 22.6%, #734c3c 25.8%, #7b5535 29.0%, #855d30 32.3%, #926229 35.5%, #a06523 38.7%, #ab671e 41.9%, #b26a19 45.2%, #b76d18 48.4%, #ba6f19 51.6%, #ba711c 54.8%, #b9701d 58.1%, #b66f1c 61.3%, #b16c1b 64.5%, #ab681d 67.7%, #a36422 71.0%, #99602a 74.2%, #8b5b31 77.4%, #7c5638 80.6%, #70503c 83.9%, #68483f 87.1%, #5f3f43 90.3%, #53374b 93.5%, #433351 96.8%, #353252 100.0%);
background: linear-gradient(315deg in oklch, oklch(29.53% 0.1392 272.11) 0.0%, oklch(30.41% 0.1218 277.15) 3.2%, oklch(31.61% 0.0961 283.79) 6.5%, oklch(33.14% 0.0693 292.97) 9.7%, oklch(34.96% 0.0490 305.58) 12.9%, oklch(37.13% 0.0411 323.53) 16.1%, oklch(39.80% 0.0424 349.43) 19.4%, oklch(42.75% 0.0494 18.16) 22.6%, oklch(45.70% 0.0592 43.85) 25.8%, oklch(48.39% 0.0688 60.67) 29.0%, oklch(50.99% 0.0807 67.22) 32.3%, oklch(53.54% 0.0951 67.33) 35.5%, oklch(55.87% 0.1092 64.50) 38.7%, oklch(57.81% 0.1204 62.22) 41.9%, oklch(59.27% 0.1268 62.48) 45.2%, oklch(60.40% 0.1300 62.83) 48.4%, oklch(61.15% 0.1309 63.07) 51.6%, oklch(61.48% 0.1303 63.20) 54.8%, oklch(61.32% 0.1292 63.25) 58.1%, oklch(60.63% 0.1275 63.58) 61.3%, oklch(59.48% 0.1247 63.90) 64.5%, oklch(57.96% 0.1201 63.69) 67.7%, oklch(56.18% 0.1129 62.46) 71.0%, oklch(54.06% 0.1011 61.26) 74.2%, oklch(51.51% 0.0846 60.90) 77.4%, oklch(48.75% 0.0673 58.60) 80.6%, oklch(45.98% 0.0532 51.51) 83.9%, oklch(43.36% 0.0462 36.28) 87.1%, oklch(40.51% 0.0459 9.58) 90.3%, oklch(37.67% 0.0493 337.47) 93.5%, oklch(35.20% 0.0538 307.41) 96.8%, oklch(33.46% 0.0565 286.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.139 | 272.1 |
| 2 | 0.358 | 0.044 | 312.3 |
| 3 | 0.48 | 0.068 | 419 |
| 4 | 0.583 | 0.123 | 422.2 |
| 5 | 0.614 | 0.13 | 423.2 |
| 6 | 0.559 | 0.112 | 422.2 |
| 7 | 0.445 | 0.048 | 404.2 |
| 8 | 0.335 | 0.056 | 286.9 |

## In these collections

- [Incense smoke at twilight](https://grabient.com/incense-smoke-at-twilight)

## Other forms

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