# Ash blue violet diagonal

Tritone purple, blue and brown linear gradient with 40 colors: #341f18, #3c231f, #46292c, #50323d, #593c53, #5f4a6b, #615881, #5f6794, #5b75a1, #587faa, #5885af, #5c85b3, #6581b4, #717ab1, #7c70a7, #866799, #8b5e86, #8d5674, #8c5164, #8a4e59, #874b54, #844955, #80465a, #7b4461, #744469, #6b4472, #624678, #5a487c, #554a7f, #544b81, #5a4d81, #644e80, #71517d, #7f5478, #8b5a71, #95616a, #9b6964, #9e7161, #9f7960, #9f7e61. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone purple, blue and brown linear gradient
- Seed: `kWQxocTB2uD6dzm5HzZzpVPo`
- Page: https://grabient.com/kWQxocTB2uD6dzm5HzZzpVPo?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.1 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 | `#341f18` | `oklch(26.38% 0.0358 39.38)` | Scorched | white, 15.5 to 1 |
| 2 | `#3c231f` | `oklch(28.64% 0.0388 28.83)` | Brown Pod | white, 14.4 to 1 |
| 3 | `#46292c` | `oklch(31.81% 0.0430 13.59)` | Rookwood Dark Red | white, 13 to 1 |
| 4 | `#50323d` | `oklch(35.65% 0.0480 355.05)` | Nectar of the Gods | white, 11.2 to 1 |
| 5 | `#593c53` | `oklch(39.91% 0.0535 334.58)` | Mexican Purple | white, 9.5 to 1 |
| 6 | `#5f4a6b` | `oklch(44.33% 0.0593 313.54)` | Bon Vivant | white, 7.8 to 1 |
| 7 | `#615881` | `oklch(48.66% 0.0651 293.33)` | Psychic | white, 6.4 to 1 |
| 8 | `#5f6794` | `oklch(52.65% 0.0705 275.30)` | Dark Horizon | white, 5.4 to 1 |
| 9 | `#5b75a1` | `oklch(56.06% 0.0753 260.84)` | Blue Yonder | white, 4.6 to 1 |
| 10 | `#587faa` | `oklch(58.62% 0.0792 251.33)` | Blue Fin | black, 5 to 1 |
| 11 | `#5885af` | `oklch(60.10% 0.0819 248.14)` | Splash Palace | black, 5.3 to 1 |
| 12 | `#5c85b3` | `oklch(60.58% 0.0835 252.09)` | Shrinking Violet | black, 5.4 to 1 |
| 13 | `#6581b4` | `oklch(60.27% 0.0843 262.02)` | Glaucous | black, 5.3 to 1 |
| 14 | `#717ab1` | `oklch(59.33% 0.0845 276.36)` | Magic Moment | black, 5 to 1 |
| 15 | `#7c70a7` | `oklch(57.93% 0.0842 293.58)` | Purple Mountain Majesty | black, 4.7 to 1 |
| 16 | `#866799` | `oklch(56.23% 0.0836 312.14)` | Dark Lavender | white, 4.7 to 1 |
| 17 | `#8b5e86` | `oklch(54.39% 0.0829 330.50)` | Candy Violet | white, 5.1 to 1 |
| 18 | `#8d5674` | `oklch(52.57% 0.0821 347.10)` | Queen’s Honour | white, 5.6 to 1 |
| 19 | `#8c5164` | `oklch(50.94% 0.0815 0.42)` | Velour Scar | white, 6 to 1 |
| 20 | `#8a4e59` | `oklch(49.67% 0.0813 8.90)` | Wine Not | white, 6.3 to 1 |
| 21 | `#874b54` | `oklch(48.82% 0.0815 11.14)` | Cordial | white, 6.5 to 1 |
| 22 | `#844955` | `oklch(47.99% 0.0820 7.52)` | Haunting Melody | white, 6.8 to 1 |
| 23 | `#80465a` | `oklch(47.14% 0.0828 359.41)` | Wild Plum | white, 7.1 to 1 |
| 24 | `#7b4461` | `oklch(46.32% 0.0838 348.16)` | Scintillating Violet | white, 7.3 to 1 |
| 25 | `#744469` | `oklch(45.57% 0.0847 335.11)` | Magician’s Cloak | white, 7.6 to 1 |
| 26 | `#6b4472` | `oklch(44.96% 0.0856 321.61)` | Neon Violet | white, 7.7 to 1 |
| 27 | `#624678` | `oklch(44.52% 0.0862 309.00)` | Picasso Lily | white, 7.8 to 1 |
| 28 | `#5a487c` | `oklch(44.30% 0.0866 298.64)` | Gentian Violet | white, 7.9 to 1 |
| 29 | `#554a7f` | `oklch(44.36% 0.0864 291.88)` | Gentian Violet | white, 7.8 to 1 |
| 30 | `#544b81` | `oklch(44.73% 0.0857 290.06)` | Spirit Dance | white, 7.7 to 1 |
| 31 | `#5a4d81` | `oklch(45.53% 0.0843 294.14)` | Freshly Purpleized | white, 7.4 to 1 |
| 32 | `#644e80` | `oklch(46.86% 0.0820 303.29)` | Sumptuous Purple | white, 7.1 to 1 |
| 33 | `#71517d` | `oklch(48.59% 0.0792 316.37)` | Patrician Purple | white, 6.6 to 1 |
| 34 | `#7f5478` | `oklch(50.62% 0.0759 332.26)` | Purple Davenport | white, 6 to 1 |
| 35 | `#8b5a71` | `oklch(52.80% 0.0724 349.83)` | Grape Nectar | white, 5.5 to 1 |
| 36 | `#95616a` | `oklch(55.02% 0.0688 7.96)` | Abra Cadabra | white, 5 to 1 |
| 37 | `#9b6964` | `oklch(57.15% 0.0654 25.53)` | Unfired Clay | black, 4.5 to 1 |
| 38 | `#9e7161` | `oklch(59.08% 0.0623 41.43)` | Indian Reed | black, 5 to 1 |
| 39 | `#9f7960` | `oklch(60.67% 0.0597 54.52)` | Walking Stick | black, 5.3 to 1 |
| 40 | `#9f7e61` | `oklch(61.81% 0.0579 63.68)` | Weaver’s Tool | black, 5.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #341f18 0.0%, #3c231f 2.6%, #46292c 5.1%, #50323d 7.7%, #593c53 10.3%, #5f4a6b 12.8%, #615881 15.4%, #5f6794 17.9%, #5b75a1 20.5%, #587faa 23.1%, #5885af 25.6%, #5c85b3 28.2%, #6581b4 30.8%, #717ab1 33.3%, #7c70a7 35.9%, #866799 38.5%, #8b5e86 41.0%, #8d5674 43.6%, #8c5164 46.2%, #8a4e59 48.7%, #874b54 51.3%, #844955 53.8%, #80465a 56.4%, #7b4461 59.0%, #744469 61.5%, #6b4472 64.1%, #624678 66.7%, #5a487c 69.2%, #554a7f 71.8%, #544b81 74.4%, #5a4d81 76.9%, #644e80 79.5%, #71517d 82.1%, #7f5478 84.6%, #8b5a71 87.2%, #95616a 89.7%, #9b6964 92.3%, #9e7161 94.9%, #9f7960 97.4%, #9f7e61 100.0%);
background: linear-gradient(135deg in oklch, oklch(26.38% 0.0358 39.38) 0.0%, oklch(28.64% 0.0388 28.83) 2.6%, oklch(31.81% 0.0430 13.59) 5.1%, oklch(35.65% 0.0480 355.05) 7.7%, oklch(39.91% 0.0535 334.58) 10.3%, oklch(44.33% 0.0593 313.54) 12.8%, oklch(48.66% 0.0651 293.33) 15.4%, oklch(52.65% 0.0705 275.30) 17.9%, oklch(56.06% 0.0753 260.84) 20.5%, oklch(58.62% 0.0792 251.33) 23.1%, oklch(60.10% 0.0819 248.14) 25.6%, oklch(60.58% 0.0835 252.09) 28.2%, oklch(60.27% 0.0843 262.02) 30.8%, oklch(59.33% 0.0845 276.36) 33.3%, oklch(57.93% 0.0842 293.58) 35.9%, oklch(56.23% 0.0836 312.14) 38.5%, oklch(54.39% 0.0829 330.50) 41.0%, oklch(52.57% 0.0821 347.10) 43.6%, oklch(50.94% 0.0815 0.42) 46.2%, oklch(49.67% 0.0813 8.90) 48.7%, oklch(48.82% 0.0815 11.14) 51.3%, oklch(47.99% 0.0820 7.52) 53.8%, oklch(47.14% 0.0828 359.41) 56.4%, oklch(46.32% 0.0838 348.16) 59.0%, oklch(45.57% 0.0847 335.11) 61.5%, oklch(44.96% 0.0856 321.61) 64.1%, oklch(44.52% 0.0862 309.00) 66.7%, oklch(44.30% 0.0866 298.64) 69.2%, oklch(44.36% 0.0864 291.88) 71.8%, oklch(44.73% 0.0857 290.06) 74.4%, oklch(45.53% 0.0843 294.14) 76.9%, oklch(46.86% 0.0820 303.29) 79.5%, oklch(48.59% 0.0792 316.37) 82.1%, oklch(50.62% 0.0759 332.26) 84.6%, oklch(52.80% 0.0724 349.83) 87.2%, oklch(55.02% 0.0688 7.96) 89.7%, oklch(57.15% 0.0654 25.53) 92.3%, oklch(59.08% 0.0623 41.43) 94.9%, oklch(60.67% 0.0597 54.52) 97.4%, oklch(61.81% 0.0579 63.68) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.036 | 39.4 |
| 2 | 0.598 | 0.081 | -111.7 |
| 3 | 0.492 | 0.081 | 10.8 |
| 4 | 0.449 | 0.085 | -69.5 |
| 5 | 0.618 | 0.058 | 63.7 |

## In these collections

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

## Other forms

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