# Black, lavender, brown and blue linear gradient

Black, lavender, brown and blue linear gradient with 40 colors: #1c1620, #231c28, #2c2532, #393040, #473d51, #564b63, #675b77, #786b8c, #887a9f, #9889b2, #a696c2, #b2a0cf, #bba7d7, #c0a9d9, #c1a7d5, #bfa1ca, #b997ba, #af8ba7, #a27d92, #92707c, #806268, #6e5557, #5d4948, #4d3e3c, #413532, #382e2c, #332a28, #322928, #332929, #372b2d, #3b2e33, #40323c, #453848, #474054, #484861, #47526c, #445b74, #41637a, #3e6a7d, #3c6f7d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUNg_d4ho_SWFShBFatg`
- Page: https://grabient.com/kUNg_d4ho_SWFShBFatg?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 8.3 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 | `#1c1620` | `oklch(21.26% 0.0207 311.48)` | Violet Void | white, 17.6 to 1 |
| 2 | `#231c28` | `oklch(24.01% 0.0232 311.00)` | Night Demons | white, 16.5 to 1 |
| 3 | `#2c2532` | `oklch(27.82% 0.0268 310.05)` | Anubis Black | white, 14.8 to 1 |
| 4 | `#393040` | `oklch(32.46% 0.0312 308.76)` | Oil Rush | white, 12.6 to 1 |
| 5 | `#473d51` | `oklch(37.73% 0.0362 307.27)` | Plum Island | white, 10.2 to 1 |
| 6 | `#564b63` | `oklch(43.40% 0.0415 305.70)` | Paparazzi | white, 8.1 to 1 |
| 7 | `#675b77` | `oklch(49.26% 0.0470 304.19)` | Plummy | white, 6.3 to 1 |
| 8 | `#786b8c` | `oklch(55.08% 0.0525 302.86)` | Nymph’s Delight | white, 4.9 to 1 |
| 9 | `#887a9f` | `oklch(60.66% 0.0577 301.85)` | Relic | black, 5.3 to 1 |
| 10 | `#9889b2` | `oklch(65.77% 0.0623 301.30)` | Flirty Pink | black, 6.5 to 1 |
| 11 | `#a696c2` | `oklch(70.19% 0.0663 301.32)` | Bloomsberry | black, 7.7 to 1 |
| 12 | `#b2a0cf` | `oklch(73.71% 0.0693 302.06)` | Dechala Lilac | black, 8.8 to 1 |
| 13 | `#bba7d7` | `oklch(76.11% 0.0712 303.64)` | Grape Illusion | black, 9.5 to 1 |
| 14 | `#c0a9d9` | `oklch(77.17% 0.0717 306.20)` | Perfume | black, 9.9 to 1 |
| 15 | `#c1a7d5` | `oklch(76.70% 0.0705 310.51)` | Perfume | black, 9.7 to 1 |
| 16 | `#bfa1ca` | `oklch(74.85% 0.0677 316.96)` | Pale Grape | black, 9.1 to 1 |
| 17 | `#b997ba` | `oklch(71.82% 0.0636 325.05)` | Dripping Wisteria | black, 8.1 to 1 |
| 18 | `#af8ba7` | `oklch(67.87% 0.0585 334.32)` | Voila! | black, 7 to 1 |
| 19 | `#a27d92` | `oklch(63.23% 0.0526 344.29)` | Cali Lily | black, 5.8 to 1 |
| 20 | `#92707c` | `oklch(58.13% 0.0463 354.47)` | Heritage Taffeta | black, 4.8 to 1 |
| 21 | `#806268` | `oklch(52.82% 0.0398 4.40)` | Celine | white, 5.4 to 1 |
| 22 | `#6e5557` | `oklch(47.52% 0.0335 13.59)` | Grand Plum | white, 6.7 to 1 |
| 23 | `#5d4948` | `oklch(42.47% 0.0275 21.57)` | Aged Chocolate | white, 8.4 to 1 |
| 24 | `#4d3e3c` | `oklch(37.91% 0.0223 27.86)` | Crater Brown | white, 10.1 to 1 |
| 25 | `#413532` | `oklch(34.08% 0.0181 31.98)` | Bloodstone | white, 11.8 to 1 |
| 26 | `#382e2c` | `oklch(31.20% 0.0151 33.45)` | Mole | white, 13.1 to 1 |
| 27 | `#332a28` | `oklch(29.53% 0.0138 31.80)` | Livid Brown | white, 13.9 to 1 |
| 28 | `#322928` | `oklch(28.98% 0.0140 26.48)` | Livid Brown | white, 14.1 to 1 |
| 29 | `#332929` | `oklch(29.26% 0.0155 17.66)` | Deep Brown | white, 14 to 1 |
| 30 | `#372b2d` | `oklch(30.24% 0.0181 5.93)` | Ganache | white, 13.6 to 1 |
| 31 | `#3b2e33` | `oklch(31.79% 0.0216 351.88)` | Smoked Black Coffee | white, 12.9 to 1 |
| 32 | `#40323c` | `oklch(33.80% 0.0258 336.11)` | Disappearing Purple | white, 11.9 to 1 |
| 33 | `#453848` | `oklch(36.13% 0.0305 319.19)` | Wineshade | white, 10.9 to 1 |
| 34 | `#474054` | `oklch(38.66% 0.0354 301.73)` | Jazlyn | white, 9.8 to 1 |
| 35 | `#484861` | `oklch(41.28% 0.0404 284.31)` | Chinaberry | white, 8.8 to 1 |
| 36 | `#47526c` | `oklch(43.84% 0.0452 267.52)` | East Bay | white, 7.8 to 1 |
| 37 | `#445b74` | `oklch(46.24% 0.0497 251.95)` | Infinite Deep Sea | white, 7 to 1 |
| 38 | `#41637a` | `oklch(48.35% 0.0537 238.20)` | Mallard Blue | white, 6.3 to 1 |
| 39 | `#3e6a7d` | `oklch(50.04% 0.0570 226.85)` | Mammoth Mountain | white, 5.8 to 1 |
| 40 | `#3c6f7d` | `oklch(51.18% 0.0593 218.49)` | Grand Rapids | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1c1620 0.0%, #231c28 2.6%, #2c2532 5.1%, #393040 7.7%, #473d51 10.3%, #564b63 12.8%, #675b77 15.4%, #786b8c 17.9%, #887a9f 20.5%, #9889b2 23.1%, #a696c2 25.6%, #b2a0cf 28.2%, #bba7d7 30.8%, #c0a9d9 33.3%, #c1a7d5 35.9%, #bfa1ca 38.5%, #b997ba 41.0%, #af8ba7 43.6%, #a27d92 46.2%, #92707c 48.7%, #806268 51.3%, #6e5557 53.8%, #5d4948 56.4%, #4d3e3c 59.0%, #413532 61.5%, #382e2c 64.1%, #332a28 66.7%, #322928 69.2%, #332929 71.8%, #372b2d 74.4%, #3b2e33 76.9%, #40323c 79.5%, #453848 82.1%, #474054 84.6%, #484861 87.2%, #47526c 89.7%, #445b74 92.3%, #41637a 94.9%, #3e6a7d 97.4%, #3c6f7d 100.0%);
background: linear-gradient(135deg in oklch, oklch(21.26% 0.0207 311.48) 0.0%, oklch(24.01% 0.0232 311.00) 2.6%, oklch(27.82% 0.0268 310.05) 5.1%, oklch(32.46% 0.0312 308.76) 7.7%, oklch(37.73% 0.0362 307.27) 10.3%, oklch(43.40% 0.0415 305.70) 12.8%, oklch(49.26% 0.0470 304.19) 15.4%, oklch(55.08% 0.0525 302.86) 17.9%, oklch(60.66% 0.0577 301.85) 20.5%, oklch(65.77% 0.0623 301.30) 23.1%, oklch(70.19% 0.0663 301.32) 25.6%, oklch(73.71% 0.0693 302.06) 28.2%, oklch(76.11% 0.0712 303.64) 30.8%, oklch(77.17% 0.0717 306.20) 33.3%, oklch(76.70% 0.0705 310.51) 35.9%, oklch(74.85% 0.0677 316.96) 38.5%, oklch(71.82% 0.0636 325.05) 41.0%, oklch(67.87% 0.0585 334.32) 43.6%, oklch(63.23% 0.0526 344.29) 46.2%, oklch(58.13% 0.0463 354.47) 48.7%, oklch(52.82% 0.0398 4.40) 51.3%, oklch(47.52% 0.0335 13.59) 53.8%, oklch(42.47% 0.0275 21.57) 56.4%, oklch(37.91% 0.0223 27.86) 59.0%, oklch(34.08% 0.0181 31.98) 61.5%, oklch(31.20% 0.0151 33.45) 64.1%, oklch(29.53% 0.0138 31.80) 66.7%, oklch(28.98% 0.0140 26.48) 69.2%, oklch(29.26% 0.0155 17.66) 71.8%, oklch(30.24% 0.0181 5.93) 74.4%, oklch(31.79% 0.0216 351.88) 76.9%, oklch(33.80% 0.0258 336.11) 79.5%, oklch(36.13% 0.0305 319.19) 82.1%, oklch(38.66% 0.0354 301.73) 84.6%, oklch(41.28% 0.0404 284.31) 87.2%, oklch(43.84% 0.0452 267.52) 89.7%, oklch(46.24% 0.0497 251.95) 92.3%, oklch(48.35% 0.0537 238.20) 94.9%, oklch(50.04% 0.0570 226.85) 97.4%, oklch(51.18% 0.0593 218.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.213 | 0.021 | 311.5 |
| 2 | 0.772 | 0.072 | 306.2 |
| 3 | 0.295 | 0.014 | 391.8 |
| 4 | 0.512 | 0.059 | 218.5 |

## Other forms

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