# Smoky Violet Ascent

The Near-black, dusty blue and silver color palette brings together dark red, dark purple, blue, and light gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is light gray.

- Also called: Black, blue and gray linear gradient
- Seed: `kaGBsbEhS8aOaN81n75RR4_VIVv_dB8Fg`
- Page: https://grabient.com/kaGBsbEhS8aOaN81n75RR4_VIVv_dB8Fg?angle=0
- Drawn as: linear gradient, 7 steps, 0 degrees
- Kinds: dark to light, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.6 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 | `#0b0000` | `oklch(9.48% 0.0360 31.95)` | Dark Matter | white, 20.6 to 1 |
| 2 | `#1b0005` | `oklch(14.17% 0.0565 8.38)` | Dwarf Fortress | white, 20 to 1 |
| 3 | `#2e1f46` | `oklch(27.95% 0.0717 299.69)` | Elderberry | white, 14.9 to 1 |
| 4 | `#4a457a` | `oklch(42.13% 0.0868 285.95)` | Fresh Eggplant | white, 8.6 to 1 |
| 5 | `#676a9f` | `oklch(54.33% 0.0827 280.67)` | Dusted Peri | white, 5 to 1 |
| 6 | `#878ab2` | `oklch(64.57% 0.0593 280.67)` | Skysail Blue | black, 6.3 to 1 |
| 7 | `#a9a6b5` | `oklch(73.23% 0.0207 293.35)` | Curated Lilac | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(0deg, #0b0000 0.0%, #1b0005 16.7%, #2e1f46 33.3%, #4a457a 50.0%, #676a9f 66.7%, #878ab2 83.3%, #a9a6b5 100.0%);
background: linear-gradient(0deg in oklch, oklch(9.48% 0.0360 31.95) 0.0%, oklch(14.17% 0.0565 8.38) 16.7%, oklch(27.95% 0.0717 299.69) 33.3%, oklch(42.13% 0.0868 285.95) 50.0%, oklch(54.33% 0.0827 280.67) 66.7%, oklch(64.57% 0.0593 280.67) 83.3%, oklch(73.23% 0.0207 293.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.094 | 0.037 | 38 |
| 2 | 0.142 | 0.056 | 8.4 |
| 3 | 0.28 | 0.072 | -60.3 |
| 4 | 0.421 | 0.087 | -74 |
| 5 | 0.543 | 0.083 | -79.3 |
| 6 | 0.646 | 0.059 | -79.3 |
| 7 | 0.732 | 0.021 | -66.6 |

## In these collections

- [Black gradients](https://grabient.com/black-gradients)
- [Moody gradients](https://grabient.com/moody-gradients)
- [Dark muted gradients](https://grabient.com/dark-muted-gradients)

## Other forms

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