# Blue and mauve incense smoke at twilight

The Blue and mauve incense smoke at twilight brings together blue, magenta, and red. 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 blue, and its lightest tone is magenta.

- Also called: Tritone blue, purple and mauve linear gradient
- Seed: `kWWV27vqw_8yawjOFEdQZtDw`
- Page: https://grabient.com/kWWV27vqw_8yawjOFEdQZtDw?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.1 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 | `#15347c` | `oklch(35.04% 0.1281 263.67)` | Twilight Express | white, 11.5 to 1 |
| 2 | `#183780` | `oklch(36.20% 0.1279 263.53)` | Surf the Web | white, 11 to 1 |
| 3 | `#1b3c84` | `oklch(37.77% 0.1279 263.20)` | Mystery Oceans | white, 10.3 to 1 |
| 4 | `#1f428a` | `oklch(39.64% 0.1279 262.80)` | Blue Oblivion | white, 9.5 to 1 |
| 5 | `#244891` | `oklch(41.70% 0.1277 262.45)` | Cascade Twilight | white, 8.7 to 1 |
| 6 | `#294e97` | `oklch(43.84% 0.1270 262.27)` | Le Grand Bleu | white, 7.9 to 1 |
| 7 | `#30549d` | `oklch(45.95% 0.1257 262.38)` | Blue Sail | white, 7.2 to 1 |
| 8 | `#375aa2` | `oklch(47.91% 0.1236 262.92)` | Neptune Blue | white, 6.6 to 1 |
| 9 | `#3e5fa6` | `oklch(49.62% 0.1203 263.98)` | International | white, 6.1 to 1 |
| 10 | `#4664a9` | `oklch(51.28% 0.1155 265.19)` | Starstruck | white, 5.7 to 1 |
| 11 | `#4e68ab` | `oklch(52.94% 0.1094 266.51)` | Submarine Base | white, 5.3 to 1 |
| 12 | `#576dac` | `oklch(54.56% 0.1024 268.09)` | Loch Ness | white, 5 to 1 |
| 13 | `#5f71ad` | `oklch(56.10% 0.0951 270.10)` | Dormitory | white, 4.6 to 1 |
| 14 | `#6775ad` | `oklch(57.52% 0.0878 272.68)` | Midnight Violet | black, 4.7 to 1 |
| 15 | `#6f78ad` | `oklch(58.77% 0.0811 276.00)` | Regal Azure | black, 4.9 to 1 |
| 16 | `#777bac` | `oklch(59.81% 0.0754 280.21)` | Bright Zenith | black, 5.1 to 1 |
| 17 | `#7e7cab` | `oklch(60.61% 0.0709 285.55)` | Roseine Plum | black, 5.3 to 1 |
| 18 | `#857da9` | `oklch(61.25% 0.0671 292.48)` | Aster | black, 5.4 to 1 |
| 19 | `#8b7da6` | `oklch(61.73% 0.0637 300.64)` | Second Pour | black, 5.5 to 1 |
| 20 | `#917ca2` | `oklch(62.05% 0.0608 309.56)` | Violet Chalk | black, 5.6 to 1 |
| 21 | `#967c9e` | `oklch(62.20% 0.0585 318.78)` | Wildflower | black, 5.6 to 1 |
| 22 | `#9a7b98` | `oklch(62.17% 0.0567 327.81)` | Amorous | black, 5.6 to 1 |
| 23 | `#9c7a93` | `oklch(61.96% 0.0556 336.19)` | Valerian | black, 5.6 to 1 |
| 24 | `#9d788d` | `oklch(61.55% 0.0551 343.46)` | Mountbatten Pink | black, 5.5 to 1 |
| 25 | `#9d7588` | `oklch(60.86% 0.0556 349.52)` | Dusk Wine | black, 5.3 to 1 |
| 26 | `#9c7181` | `oklch(59.75% 0.0573 355.09)` | Dusk Wine | black, 5.1 to 1 |
| 27 | `#9a6d7a` | `oklch(58.34% 0.0600 0.18)` | Wild Geranium | black, 4.8 to 1 |
| 28 | `#976772` | `oklch(56.77% 0.0632 4.78)` | Nouveau Rose | white, 4.6 to 1 |
| 29 | `#94626a` | `oklch(55.18% 0.0666 8.86)` | Abra Cadabra | white, 4.9 to 1 |
| 30 | `#925d63` | `oklch(53.69% 0.0699 12.40)` | Prosperity | white, 5.3 to 1 |
| 31 | `#8f595c` | `oklch(52.44% 0.0726 15.39)` | Barn Door | white, 5.6 to 1 |
| 32 | `#8e5658` | `oklch(51.57% 0.0744 17.80)` | Maroon Rover | white, 5.8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #15347c 0.0%, #183780 3.2%, #1b3c84 6.5%, #1f428a 9.7%, #244891 12.9%, #294e97 16.1%, #30549d 19.4%, #375aa2 22.6%, #3e5fa6 25.8%, #4664a9 29.0%, #4e68ab 32.3%, #576dac 35.5%, #5f71ad 38.7%, #6775ad 41.9%, #6f78ad 45.2%, #777bac 48.4%, #7e7cab 51.6%, #857da9 54.8%, #8b7da6 58.1%, #917ca2 61.3%, #967c9e 64.5%, #9a7b98 67.7%, #9c7a93 71.0%, #9d788d 74.2%, #9d7588 77.4%, #9c7181 80.6%, #9a6d7a 83.9%, #976772 87.1%, #94626a 90.3%, #925d63 93.5%, #8f595c 96.8%, #8e5658 100.0%);
background: linear-gradient(315deg in oklch, oklch(35.04% 0.1281 263.67) 0.0%, oklch(36.20% 0.1279 263.53) 3.2%, oklch(37.77% 0.1279 263.20) 6.5%, oklch(39.64% 0.1279 262.80) 9.7%, oklch(41.70% 0.1277 262.45) 12.9%, oklch(43.84% 0.1270 262.27) 16.1%, oklch(45.95% 0.1257 262.38) 19.4%, oklch(47.91% 0.1236 262.92) 22.6%, oklch(49.62% 0.1203 263.98) 25.8%, oklch(51.28% 0.1155 265.19) 29.0%, oklch(52.94% 0.1094 266.51) 32.3%, oklch(54.56% 0.1024 268.09) 35.5%, oklch(56.10% 0.0951 270.10) 38.7%, oklch(57.52% 0.0878 272.68) 41.9%, oklch(58.77% 0.0811 276.00) 45.2%, oklch(59.81% 0.0754 280.21) 48.4%, oklch(60.61% 0.0709 285.55) 51.6%, oklch(61.25% 0.0671 292.48) 54.8%, oklch(61.73% 0.0637 300.64) 58.1%, oklch(62.05% 0.0608 309.56) 61.3%, oklch(62.20% 0.0585 318.78) 64.5%, oklch(62.17% 0.0567 327.81) 67.7%, oklch(61.96% 0.0556 336.19) 71.0%, oklch(61.55% 0.0551 343.46) 74.2%, oklch(60.86% 0.0556 349.52) 77.4%, oklch(59.75% 0.0573 355.09) 80.6%, oklch(58.34% 0.0600 0.18) 83.9%, oklch(56.77% 0.0632 4.78) 87.1%, oklch(55.18% 0.0666 8.86) 90.3%, oklch(53.69% 0.0699 12.40) 93.5%, oklch(52.44% 0.0726 15.39) 96.8%, oklch(51.57% 0.0744 17.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.128 | 263.7 |
| 2 | 0.492 | 0.121 | 263.7 |
| 3 | 0.602 | 0.073 | 282.7 |
| 4 | 0.614 | 0.055 | 345 |
| 5 | 0.516 | 0.074 | 377.8 |

## In these collections

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

## Other forms

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