# Terracotta and blue incense smoke at twilight

The Terracotta and blue incense smoke at twilight brings together orange, red, blue, light blue, and light teal. 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 light teal.

- Also called: Triadic brown, purple and light blue linear gradient
- Seed: `kYp0IlxJi6D-iNvKsLz2iY-GSRu4`
- Page: https://grabient.com/kYp0IlxJi6D-iNvKsLz2iY-GSRu4?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.2 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 | `#be825c` | `oklch(65.75% 0.0909 52.73)` | Sundial | black, 6.5 to 1 |
| 2 | `#ba7d5e` | `oklch(64.43% 0.0880 47.83)` | Silken Chocolate | black, 6.1 to 1 |
| 3 | `#b37760` | `oklch(62.53% 0.0834 41.32)` | Weathered Saddle | black, 5.7 to 1 |
| 4 | `#ab7062` | `oklch(60.32% 0.0781 33.50)` | Amaretto | black, 5.2 to 1 |
| 5 | `#a16965` | `oklch(58.03% 0.0731 24.66)` | Withered Rose | black, 4.7 to 1 |
| 6 | `#996367` | `oklch(55.91% 0.0693 15.09)` | Soft Bromeliad | white, 4.8 to 1 |
| 7 | `#915f6a` | `oklch(54.21% 0.0675 5.09)` | Raspberry Glace | white, 5.2 to 1 |
| 8 | `#8b5b6e` | `oklch(52.95% 0.0684 354.17)` | Majestic Orchid | white, 5.4 to 1 |
| 9 | `#855874` | `oklch(51.84% 0.0711 341.39)` | Indian Silk | white, 5.7 to 1 |
| 10 | `#7d567c` | `oklch(50.92% 0.0752 327.66)` | Birthstone | white, 5.9 to 1 |
| 11 | `#755684` | `oklch(50.25% 0.0803 313.96)` | Patrician Purple | white, 6.1 to 1 |
| 12 | `#6b578c` | `oklch(49.88% 0.0859 301.25)` | Butterfly Bush | white, 6.2 to 1 |
| 13 | `#635993` | `oklch(49.88% 0.0915 290.51)` | Colossus | white, 6.2 to 1 |
| 14 | `#5c5c9a` | `oklch(50.33% 0.0973 282.48)` | Old Nan Yarn | white, 6 to 1 |
| 15 | `#5860a2` | `oklch(51.25% 0.1047 276.60)` | Violet Storm | white, 5.8 to 1 |
| 16 | `#5465ab` | `oklch(52.56% 0.1130 272.27)` | Submarine Base | white, 5.4 to 1 |
| 17 | `#526ab5` | `oklch(54.14% 0.1211 268.99)` | Amparo Blue | white, 5.1 to 1 |
| 18 | `#5170bf` | `oklch(55.86% 0.1279 266.24)` | Amparo Blue | white, 4.7 to 1 |
| 19 | `#4f76c7` | `oklch(57.63% 0.1325 263.48)` | Serenity’s Reign | black, 4.7 to 1 |
| 20 | `#4e7dcd` | `oklch(59.36% 0.1338 260.37)` | Serenity’s Reign | black, 5.1 to 1 |
| 21 | `#4e84d2` | `oklch(61.26% 0.1323 257.81)` | Blue Sonki | black, 5.5 to 1 |
| 22 | `#528bd6` | `oklch(63.31% 0.1287 255.76)` | Blue Dart | black, 6 to 1 |
| 23 | `#5893da` | `oklch(65.42% 0.1235 253.83)` | Little Boy Blue | black, 6.6 to 1 |
| 24 | `#5e9bdd` | `oklch(67.50% 0.1172 251.63)` | Blue Bay | black, 7.1 to 1 |
| 25 | `#63a2de` | `oklch(69.46% 0.1103 248.78)` | Windjammer | black, 7.7 to 1 |
| 26 | `#68a9de` | `oklch(71.20% 0.1033 244.88)` | Acapulco Dive | black, 8.3 to 1 |
| 27 | `#6dafdd` | `oklch(72.84% 0.0947 239.38)` | Sanctuary Spa | black, 8.8 to 1 |
| 28 | `#74b6d9` | `oklch(74.43% 0.0844 232.70)` | Tribute | black, 9.4 to 1 |
| 29 | `#7dbbd4` | `oklch(75.90% 0.0736 225.57)` | Petit Four | black, 9.9 to 1 |
| 30 | `#87bfd0` | `oklch(77.22% 0.0632 218.72)` | Aftercare | black, 10.4 to 1 |
| 31 | `#90c2cd` | `oklch(78.31% 0.0544 212.88)` | Cosmic Blue | black, 10.8 to 1 |
| 32 | `#97c4cc` | `oklch(79.13% 0.0482 208.78)` | Adriatic Haze | black, 11 to 1 |

## CSS

```css
background: linear-gradient(45deg, #be825c 0.0%, #ba7d5e 3.2%, #b37760 6.5%, #ab7062 9.7%, #a16965 12.9%, #996367 16.1%, #915f6a 19.4%, #8b5b6e 22.6%, #855874 25.8%, #7d567c 29.0%, #755684 32.3%, #6b578c 35.5%, #635993 38.7%, #5c5c9a 41.9%, #5860a2 45.2%, #5465ab 48.4%, #526ab5 51.6%, #5170bf 54.8%, #4f76c7 58.1%, #4e7dcd 61.3%, #4e84d2 64.5%, #528bd6 67.7%, #5893da 71.0%, #5e9bdd 74.2%, #63a2de 77.4%, #68a9de 80.6%, #6dafdd 83.9%, #74b6d9 87.1%, #7dbbd4 90.3%, #87bfd0 93.5%, #90c2cd 96.8%, #97c4cc 100.0%);
background: linear-gradient(45deg in oklch, oklch(65.75% 0.0909 52.73) 0.0%, oklch(64.43% 0.0880 47.83) 3.2%, oklch(62.53% 0.0834 41.32) 6.5%, oklch(60.32% 0.0781 33.50) 9.7%, oklch(58.03% 0.0731 24.66) 12.9%, oklch(55.91% 0.0693 15.09) 16.1%, oklch(54.21% 0.0675 5.09) 19.4%, oklch(52.95% 0.0684 354.17) 22.6%, oklch(51.84% 0.0711 341.39) 25.8%, oklch(50.92% 0.0752 327.66) 29.0%, oklch(50.25% 0.0803 313.96) 32.3%, oklch(49.88% 0.0859 301.25) 35.5%, oklch(49.88% 0.0915 290.51) 38.7%, oklch(50.33% 0.0973 282.48) 41.9%, oklch(51.25% 0.1047 276.60) 45.2%, oklch(52.56% 0.1130 272.27) 48.4%, oklch(54.14% 0.1211 268.99) 51.6%, oklch(55.86% 0.1279 266.24) 54.8%, oklch(57.63% 0.1325 263.48) 58.1%, oklch(59.36% 0.1338 260.37) 61.3%, oklch(61.26% 0.1323 257.81) 64.5%, oklch(63.31% 0.1287 255.76) 67.7%, oklch(65.42% 0.1235 253.83) 71.0%, oklch(67.50% 0.1172 251.63) 74.2%, oklch(69.46% 0.1103 248.78) 77.4%, oklch(71.20% 0.1033 244.88) 80.6%, oklch(72.84% 0.0947 239.38) 83.9%, oklch(74.43% 0.0844 232.70) 87.1%, oklch(75.90% 0.0736 225.57) 90.3%, oklch(77.22% 0.0632 218.72) 93.5%, oklch(78.31% 0.0544 212.88) 96.8%, oklch(79.13% 0.0482 208.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.091 | 52.7 |
| 2 | 0.539 | 0.068 | 3.1 |
| 3 | 0.5 | 0.094 | -73 |
| 4 | 0.587 | 0.134 | -98.4 |
| 5 | 0.709 | 0.105 | -114.2 |
| 6 | 0.791 | 0.048 | -151.2 |

## In these collections

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

## Other forms

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