# Indigo and terracotta incense smoke at twilight

The Indigo and terracotta incense smoke at twilight brings together blue, purple, and orange. The colors span a moderate lightness range, combining strong 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 orange.

- Also called: Tritone blue, purple and brown linear gradient
- Seed: `kaanrDPTFAkcRwxQk001SdBdIov_JH77g`
- Page: https://grabient.com/kaanrDPTFAkcRwxQk001SdBdIov_JH77g?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.9 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 | `#353ba5` | `oklch(41.73% 0.1681 274.22)` | Purple Cabbage | white, 9 to 1 |
| 2 | `#383ea6` | `oklch(42.53% 0.1646 274.59)` | Early Spring Night | white, 8.7 to 1 |
| 3 | `#3c42a7` | `oklch(43.64% 0.1602 274.91)` | Early Spring Night | white, 8.3 to 1 |
| 4 | `#4147a8` | `oklch(44.96% 0.1544 275.52)` | Megadrive Screen | white, 7.8 to 1 |
| 5 | `#474ca9` | `oklch(46.38% 0.1468 276.77)` | Dazzling Blue | white, 7.3 to 1 |
| 6 | `#4f50a8` | `oklch(47.80% 0.1369 279.01)` | Brandywine Raspberry | white, 6.8 to 1 |
| 7 | `#5756a4` | `oklch(49.22% 0.1231 281.63)` | Brandywine Raspberry | white, 6.4 to 1 |
| 8 | `#5e5c9f` | `oklch(50.73% 0.1045 283.84)` | Giant Onion | white, 5.9 to 1 |
| 9 | `#666298` | `oklch(52.29% 0.0843 287.00)` | Prime Purple | white, 5.5 to 1 |
| 10 | `#6f6791` | `oklch(53.86% 0.0655 292.50)` | Purple Grapes | white, 5.1 to 1 |
| 11 | `#786c8c` | `oklch(55.41% 0.0514 301.76)` | Nymph’s Delight | white, 4.8 to 1 |
| 12 | `#826f89` | `oklch(56.92% 0.0439 316.91)` | Parma Grey | black, 4.5 to 1 |
| 13 | `#8d7384` | `oklch(58.49% 0.0410 339.22)` | Magic Gem | black, 4.8 to 1 |
| 14 | `#97767d` | `oklch(60.04% 0.0416 4.97)` | Bohemian Jazz | black, 5.2 to 1 |
| 15 | `#9e7b75` | `oklch(61.51% 0.0447 30.12)` | Wild Hemp | black, 5.5 to 1 |
| 16 | `#a2806e` | `oklch(62.82% 0.0496 50.66)` | Tattered Teddy | black, 5.8 to 1 |
| 17 | `#a58569` | `oklch(63.91% 0.0559 63.14)` | Sandal | black, 6.1 to 1 |
| 18 | `#a98862` | `oklch(64.88% 0.0662 69.26)` | Roman Coin | black, 6.3 to 1 |
| 19 | `#b0895a` | `oklch(65.71% 0.0788 71.24)` | It Works | black, 6.5 to 1 |
| 20 | `#b78a52` | `oklch(66.36% 0.0917 70.97)` | Breadstick | black, 6.7 to 1 |
| 21 | `#bd8949` | `oklch(66.79% 0.1025 70.32)` | Antiquarian Gold | black, 6.8 to 1 |
| 22 | `#bf8943` | `oklch(66.95% 0.1092 70.99)` | Peanut Butter | black, 6.8 to 1 |
| 23 | `#c0883e` | `oklch(66.86% 0.1129 71.73)` | Peanut Butter | black, 6.8 to 1 |
| 24 | `#bf873b` | `oklch(66.53% 0.1144 71.95)` | Peanut Butter | black, 6.7 to 1 |
| 25 | `#bd8639` | `oklch(65.99% 0.1144 71.76)` | Toothpick | black, 6.6 to 1 |
| 26 | `#bb8339` | `oklch(65.28% 0.1131 71.24)` | Butter & Syrup | black, 6.4 to 1 |
| 27 | `#b88139` | `oklch(64.41% 0.1112 70.47)` | Monarch Gold | black, 6.2 to 1 |
| 28 | `#b37d3a` | `oklch(63.15% 0.1075 69.11)` | Mandalay | black, 5.9 to 1 |
| 29 | `#ae783b` | `oklch(61.57% 0.1020 67.24)` | Durian | black, 5.5 to 1 |
| 30 | `#a7733e` | `oklch(59.93% 0.0959 65.21)` | Muskelmannbraun | black, 5.1 to 1 |
| 31 | `#a16f3f` | `oklch(58.48% 0.0905 63.40)` | Castellina | black, 4.8 to 1 |
| 32 | `#9d6d40` | `oklch(57.48% 0.0868 62.16)` | Desert Clay | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #353ba5 0.0%, #383ea6 3.2%, #3c42a7 6.5%, #4147a8 9.7%, #474ca9 12.9%, #4f50a8 16.1%, #5756a4 19.4%, #5e5c9f 22.6%, #666298 25.8%, #6f6791 29.0%, #786c8c 32.3%, #826f89 35.5%, #8d7384 38.7%, #97767d 41.9%, #9e7b75 45.2%, #a2806e 48.4%, #a58569 51.6%, #a98862 54.8%, #b0895a 58.1%, #b78a52 61.3%, #bd8949 64.5%, #bf8943 67.7%, #c0883e 71.0%, #bf873b 74.2%, #bd8639 77.4%, #bb8339 80.6%, #b88139 83.9%, #b37d3a 87.1%, #ae783b 90.3%, #a7733e 93.5%, #a16f3f 96.8%, #9d6d40 100.0%);
background: linear-gradient(225deg in oklch, oklch(41.73% 0.1681 274.22) 0.0%, oklch(42.53% 0.1646 274.59) 3.2%, oklch(43.64% 0.1602 274.91) 6.5%, oklch(44.96% 0.1544 275.52) 9.7%, oklch(46.38% 0.1468 276.77) 12.9%, oklch(47.80% 0.1369 279.01) 16.1%, oklch(49.22% 0.1231 281.63) 19.4%, oklch(50.73% 0.1045 283.84) 22.6%, oklch(52.29% 0.0843 287.00) 25.8%, oklch(53.86% 0.0655 292.50) 29.0%, oklch(55.41% 0.0514 301.76) 32.3%, oklch(56.92% 0.0439 316.91) 35.5%, oklch(58.49% 0.0410 339.22) 38.7%, oklch(60.04% 0.0416 4.97) 41.9%, oklch(61.51% 0.0447 30.12) 45.2%, oklch(62.82% 0.0496 50.66) 48.4%, oklch(63.91% 0.0559 63.14) 51.6%, oklch(64.88% 0.0662 69.26) 54.8%, oklch(65.71% 0.0788 71.24) 58.1%, oklch(66.36% 0.0917 70.97) 61.3%, oklch(66.79% 0.1025 70.32) 64.5%, oklch(66.95% 0.1092 70.99) 67.7%, oklch(66.86% 0.1129 71.73) 71.0%, oklch(66.53% 0.1144 71.95) 74.2%, oklch(65.99% 0.1144 71.76) 77.4%, oklch(65.28% 0.1131 71.24) 80.6%, oklch(64.41% 0.1112 70.47) 83.9%, oklch(63.15% 0.1075 69.11) 87.1%, oklch(61.57% 0.1020 67.24) 90.3%, oklch(59.93% 0.0959 65.21) 93.5%, oklch(58.48% 0.0905 63.40) 96.8%, oklch(57.48% 0.0868 62.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.168 | 274.2 |
| 2 | 0.48 | 0.135 | 279.5 |
| 3 | 0.559 | 0.048 | 305.9 |
| 4 | 0.634 | 0.052 | 417.9 |
| 5 | 0.669 | 0.107 | 430.6 |
| 6 | 0.646 | 0.112 | 430.6 |
| 7 | 0.575 | 0.087 | 422.2 |

## In these collections

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

## Other forms

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