# Black amber violet dusk

The Black amber violet dusk brings together dark gray, dark orange, orange, purple, and dark blue. 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 gray, and its lightest tone is orange.

- Also called: Black, brown and navy linear gradient
- Seed: `kYJAbLJJBQb4iv5UJcHrp2w6IWOu`
- Page: https://grabient.com/kYJAbLJJBQb4iv5UJcHrp2w6IWOu?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, dark
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 6.4 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 | `#09090d` | `oklch(14.17% 0.0083 285.47)` | Existential Angst | white, 19.8 to 1 |
| 2 | `#0d0b11` | `oklch(15.64% 0.0118 301.61)` | Midnight Oil | white, 19.5 to 1 |
| 3 | `#150e15` | `oklch(17.60% 0.0166 325.17)` | Ruined Smores | white, 18.9 to 1 |
| 4 | `#1e1217` | `oklch(19.95% 0.0224 352.59)` | Bats Cloak | white, 18.2 to 1 |
| 5 | `#281616` | `oklch(22.57% 0.0288 20.33)` | Used Oil | white, 17.2 to 1 |
| 6 | `#311d14` | `oklch(25.35% 0.0357 44.83)` | Scorched | white, 15.9 to 1 |
| 7 | `#382412` | `oklch(28.18% 0.0427 62.54)` | Wetlands Swamp | white, 14.6 to 1 |
| 8 | `#402c11` | `oklch(31.08% 0.0502 71.39)` | Bistre | white, 13.2 to 1 |
| 9 | `#4b3311` | `oklch(34.25% 0.0591 73.87)` | Bavarian Sweet Mustard | white, 11.7 to 1 |
| 10 | `#573b12` | `oklch(37.59% 0.0685 72.09)` | Pineapple | white, 10.3 to 1 |
| 11 | `#664114` | `oklch(40.99% 0.0778 68.11)` | Pullman Brown | white, 8.9 to 1 |
| 12 | `#744818` | `oklch(44.36% 0.0862 63.96)` | Vintage Wood | white, 7.8 to 1 |
| 13 | `#814f1d` | `oklch(47.59% 0.0930 61.71)` | Milk Chocolate | white, 6.8 to 1 |
| 14 | `#8c5821` | `oklch(50.80% 0.0977 63.24)` | Caramel Café | white, 5.9 to 1 |
| 15 | `#976425` | `oklch(54.64% 0.1010 68.28)` | Olivia | white, 5 to 1 |
| 16 | `#a0722c` | `oklch(58.67% 0.1031 74.80)` | Buttered Rum | black, 4.9 to 1 |
| 17 | `#a78034` | `oklch(62.33% 0.1042 80.74)` | Bronze Leaf | black, 5.7 to 1 |
| 18 | `#ad8a3c` | `oklch(65.07% 0.1044 84.05)` | Alpine | black, 6.4 to 1 |
| 19 | `#b28d41` | `oklch(66.33% 0.1039 82.65)` | Pirate’s Hook | black, 6.7 to 1 |
| 20 | `#b68743` | `oklch(65.52% 0.1028 74.41)` | Holiday Waffle | black, 6.5 to 1 |
| 21 | `#b47746` | `oklch(62.26% 0.1004 58.12)` | Gold Metal | black, 5.6 to 1 |
| 22 | `#a9624f` | `oklch(57.21% 0.0970 36.18)` | Roycroft Adobe | white, 4.6 to 1 |
| 23 | `#944f59` | `oklch(51.23% 0.0929 11.45)` | Rialto | white, 5.9 to 1 |
| 24 | `#79405f` | `oklch(45.15% 0.0885 346.82)` | Purple Drab | white, 7.7 to 1 |
| 25 | `#5e3660` | `oklch(39.80% 0.0843 325.15)` | Long Passionate Night | white, 9.6 to 1 |
| 26 | `#4a305d` | `oklch(35.99% 0.0806 309.23)` | Royal Crown | white, 11.2 to 1 |
| 27 | `#3b2c58` | `oklch(33.32% 0.0769 297.75)` | Midnight Pie | white, 12.4 to 1 |
| 28 | `#302a53` | `oklch(31.27% 0.0730 288.93)` | Purple Noir | white, 13.3 to 1 |
| 29 | `#28284e` | `oklch(29.71% 0.0692 282.24)` | Cardinal Mauve | white, 14 to 1 |
| 30 | `#22264a` | `oklch(28.52% 0.0657 277.14)` | Fainting Light | white, 14.5 to 1 |
| 31 | `#1e2546` | `oklch(27.59% 0.0628 273.12)` | Fainting Light | white, 14.9 to 1 |
| 32 | `#1a2443` | `oklch(26.77% 0.0606 269.62)` | Cool Balaclavas Are Forever | white, 15.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #09090d 0.0%, #0d0b11 3.2%, #150e15 6.5%, #1e1217 9.7%, #281616 12.9%, #311d14 16.1%, #382412 19.4%, #402c11 22.6%, #4b3311 25.8%, #573b12 29.0%, #664114 32.3%, #744818 35.5%, #814f1d 38.7%, #8c5821 41.9%, #976425 45.2%, #a0722c 48.4%, #a78034 51.6%, #ad8a3c 54.8%, #b28d41 58.1%, #b68743 61.3%, #b47746 64.5%, #a9624f 67.7%, #944f59 71.0%, #79405f 74.2%, #5e3660 77.4%, #4a305d 80.6%, #3b2c58 83.9%, #302a53 87.1%, #28284e 90.3%, #22264a 93.5%, #1e2546 96.8%, #1a2443 100.0%);
background: linear-gradient(45deg in oklch, oklch(14.17% 0.0083 285.47) 0.0%, oklch(15.64% 0.0118 301.61) 3.2%, oklch(17.60% 0.0166 325.17) 6.5%, oklch(19.95% 0.0224 352.59) 9.7%, oklch(22.57% 0.0288 20.33) 12.9%, oklch(25.35% 0.0357 44.83) 16.1%, oklch(28.18% 0.0427 62.54) 19.4%, oklch(31.08% 0.0502 71.39) 22.6%, oklch(34.25% 0.0591 73.87) 25.8%, oklch(37.59% 0.0685 72.09) 29.0%, oklch(40.99% 0.0778 68.11) 32.3%, oklch(44.36% 0.0862 63.96) 35.5%, oklch(47.59% 0.0930 61.71) 38.7%, oklch(50.80% 0.0977 63.24) 41.9%, oklch(54.64% 0.1010 68.28) 45.2%, oklch(58.67% 0.1031 74.80) 48.4%, oklch(62.33% 0.1042 80.74) 51.6%, oklch(65.07% 0.1044 84.05) 54.8%, oklch(66.33% 0.1039 82.65) 58.1%, oklch(65.52% 0.1028 74.41) 61.3%, oklch(62.26% 0.1004 58.12) 64.5%, oklch(57.21% 0.0970 36.18) 67.7%, oklch(51.23% 0.0929 11.45) 71.0%, oklch(45.15% 0.0885 346.82) 74.2%, oklch(39.80% 0.0843 325.15) 77.4%, oklch(35.99% 0.0806 309.23) 80.6%, oklch(33.32% 0.0769 297.75) 83.9%, oklch(31.27% 0.0730 288.93) 87.1%, oklch(29.71% 0.0692 282.24) 90.3%, oklch(28.52% 0.0657 277.14) 93.5%, oklch(27.59% 0.0628 273.12) 96.8%, oklch(26.77% 0.0606 269.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.008 | 285.5 |
| 2 | 0.287 | 0.044 | 425 |
| 3 | 0.488 | 0.095 | 421.8 |
| 4 | 0.661 | 0.103 | 438.7 |
| 5 | 0.366 | 0.081 | 311.9 |
| 6 | 0.268 | 0.061 | 269.6 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)

## Other forms

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