# Blue and silver incense smoke at twilight

This palette moves from blue through gray and light gray to light blue. It steadily lightens across a moderate lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Gray and light blue linear swatches
- Seed: `kYaBa_O4VJEuIxTbhr6ZYY2-YPO6`
- Page: https://grabient.com/kYaBa_O4VJEuIxTbhr6ZYY2-YPO6?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: dark to light, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 4.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 | `#434a5b` | `oklch(40.94% 0.0303 268.59)` | Dark Navy | white, 8.8 to 1 |
| 2 | `#61575c` | `oklch(46.85% 0.0138 345.74)` | Rabbit | white, 6.9 to 1 |
| 3 | `#8c7a76` | `oklch(59.45% 0.0234 30.12)` | Venus Deva | black, 5.1 to 1 |
| 4 | `#b0a1a0` | `oklch(72.05% 0.0179 18.50)` | Dusky Hyacinth | black, 8.4 to 1 |
| 5 | `#bfbbc7` | `oklch(79.92% 0.0165 302.41)` | Silverberry | black, 11.1 to 1 |
| 6 | `#b2bfda` | `oklch(80.31% 0.0413 266.48)` | Pigeon Post | black, 11.3 to 1 |

## CSS

```css
background: linear-gradient(180deg, #434a5b 0.000% 16.667%, #61575c 16.667% 33.333%, #8c7a76 33.333% 50.000%, #b0a1a0 50.000% 66.667%, #bfbbc7 66.667% 83.333%, #b2bfda 83.333% 100.000%);
background: linear-gradient(180deg, oklch(40.94% 0.0303 268.59) 0.000% 16.667%, oklch(46.85% 0.0138 345.74) 16.667% 33.333%, oklch(59.45% 0.0234 30.12) 33.333% 50.000%, oklch(72.05% 0.0179 18.50) 50.000% 66.667%, oklch(79.92% 0.0165 302.41) 66.667% 83.333%, oklch(80.31% 0.0413 266.48) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.03 | 268.6 |
| 2 | 0.469 | 0.014 | 345.7 |
| 3 | 0.594 | 0.023 | 390.1 |
| 4 | 0.72 | 0.018 | 378.5 |
| 5 | 0.799 | 0.017 | 302.4 |
| 6 | 0.803 | 0.041 | 266.5 |

## In these collections

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

## Other forms

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