# Blue and stone incense smoke at twilight

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

- Also called: Purple, gray, brown and navy linear swatches
- Seed: `kWdR7VVQPB2MPzzJIbvsJCuo`
- Page: https://grabient.com/kWdR7VVQPB2MPzzJIbvsJCuo?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#5b536c` | `oklch(46.06% 0.0413 299.53)` | Arraign | white, 7.2 to 1 |
| 2 | `#979399` | `oklch(66.93% 0.0096 315.38)` | Fighter Jet | black, 6.9 to 1 |
| 3 | `#c4b699` | `oklch(77.95% 0.0427 84.31)` | Distant Valley | black, 10.4 to 1 |
| 4 | `#a46845` | `oklch(57.48% 0.0923 50.49)` | Maple Glaze | black, 4.6 to 1 |
| 5 | `#37435b` | `oklch(38.19% 0.0455 264.66)` | Diplomatic | white, 9.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5b536c 0.000% 20.000%, #979399 20.000% 40.000%, #c4b699 40.000% 60.000%, #a46845 60.000% 80.000%, #37435b 80.000% 100.000%);
background: linear-gradient(90deg, oklch(46.06% 0.0413 299.53) 0.000% 20.000%, oklch(66.93% 0.0096 315.38) 20.000% 40.000%, oklch(77.95% 0.0427 84.31) 40.000% 60.000%, oklch(57.48% 0.0923 50.49) 60.000% 80.000%, oklch(38.19% 0.0455 264.66) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.041 | 299.5 |
| 2 | 0.669 | 0.01 | 315.4 |
| 3 | 0.78 | 0.043 | 444.3 |
| 4 | 0.575 | 0.092 | 410.5 |
| 5 | 0.382 | 0.045 | 264.7 |

## In these collections

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

## Other forms

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