# Burgundy mauve evening fade

Duotone brown to purple linear gradient with 32 colors: #2e2110, #312211, #342311, #372512, #3b2613, #3f2815, #442a17, #492c19, #4f2d1b, #552f1e, #5b3122, #613226, #68342b, #6f3530, #773737, #7f393f, #863a48, #8d3c52, #943f5d, #994268, #9d4574, #9f497f, #a04d8b, #a05297, #9e58a3, #9c5eae, #9864b8, #946ac1, #8f70c8, #8b75ce, #8779d3, #847dd6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone brown to purple linear gradient
- Seed: `kUQhkzrpi78MvubQsDjA`
- Page: https://grabient.com/kUQhkzrpi78MvubQsDjA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#2e2110` | `oklch(25.98% 0.0344 72.42)` | Coffee Grounds | white, 15.6 to 1 |
| 2 | `#312211` | `oklch(26.57% 0.0362 70.56)` | Black Slug | white, 15.3 to 1 |
| 3 | `#342311` | `oklch(27.29% 0.0383 68.29)` | Black Slug | white, 15 to 1 |
| 4 | `#372512` | `oklch(28.13% 0.0407 65.65)` | Wetlands Swamp | white, 14.6 to 1 |
| 5 | `#3b2613` | `oklch(29.07% 0.0435 62.66)` | Wetlands Swamp | white, 14.2 to 1 |
| 6 | `#3f2815` | `oklch(30.11% 0.0465 59.39)` | Woodsy Brown | white, 13.7 to 1 |
| 7 | `#442a17` | `oklch(31.22% 0.0498 55.86)` | Night Brown | white, 13.2 to 1 |
| 8 | `#492c19` | `oklch(32.40% 0.0534 52.11)` | Subterranean | white, 12.6 to 1 |
| 9 | `#4f2d1b` | `oklch(33.63% 0.0573 48.20)` | Bittersweet Chocolate | white, 12.1 to 1 |
| 10 | `#552f1e` | `oklch(34.90% 0.0615 44.15)` | Boson Brown | white, 11.6 to 1 |
| 11 | `#5b3122` | `oklch(36.18% 0.0660 40.00)` | Wild Boar | white, 11 to 1 |
| 12 | `#613226` | `oklch(37.51% 0.0709 35.75)` | Hairy Heath | white, 10.5 to 1 |
| 13 | `#68342b` | `oklch(38.97% 0.0767 31.24)` | Cherry Mahogany | white, 9.9 to 1 |
| 14 | `#6f3530` | `oklch(40.52% 0.0833 26.50)` | Henna Red | white, 9.3 to 1 |
| 15 | `#773737` | `oklch(42.16% 0.0903 21.56)` | Madder Brown | white, 8.7 to 1 |
| 16 | `#7f393f` | `oklch(43.84% 0.0976 16.45)` | Wild Berry | white, 8.2 to 1 |
| 17 | `#863a48` | `oklch(45.53% 0.1048 11.20)` | Burnt Russet | white, 7.6 to 1 |
| 18 | `#8d3c52` | `oklch(47.21% 0.1118 5.84)` | Liaison | white, 7.1 to 1 |
| 19 | `#943f5d` | `oklch(48.85% 0.1182 0.40)` | Aurora Magenta | white, 6.7 to 1 |
| 20 | `#994268` | `oklch(50.40% 0.1239 354.92)` | Satsuma Imo Red | white, 6.3 to 1 |
| 21 | `#9d4574` | `oklch(51.86% 0.1285 349.42)` | Magenta Haze | white, 5.9 to 1 |
| 22 | `#9f497f` | `oklch(53.19% 0.1319 343.91)` | Orchid Lei | white, 5.6 to 1 |
| 23 | `#a04d8b` | `oklch(54.47% 0.1341 337.92)` | La la Lavender | white, 5.3 to 1 |
| 24 | `#a05297` | `oklch(55.74% 0.1354 331.48)` | Hyacinth Violet | white, 5 to 1 |
| 25 | `#9e58a3` | `oklch(56.97% 0.1360 324.76)` | Heath Spotted Orchid | white, 4.7 to 1 |
| 26 | `#9c5eae` | `oklch(58.15% 0.1359 317.96)` | Prickly Purple | black, 4.6 to 1 |
| 27 | `#9864b8` | `oklch(59.26% 0.1355 311.24)` | Prickly Purple | black, 4.8 to 1 |
| 28 | `#946ac1` | `oklch(60.30% 0.1347 304.81)` | Viola | black, 5 to 1 |
| 29 | `#8f70c8` | `oklch(61.24% 0.1338 298.84)` | True V | black, 5.3 to 1 |
| 30 | `#8b75ce` | `oklch(62.08% 0.1330 293.51)` | True V | black, 5.5 to 1 |
| 31 | `#8779d3` | `oklch(62.80% 0.1325 289.02)` | True V | black, 5.7 to 1 |
| 32 | `#847dd6` | `oklch(63.39% 0.1323 285.53)` | Indigo Bloom | black, 5.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #2e2110 0.0%, #312211 3.2%, #342311 6.5%, #372512 9.7%, #3b2613 12.9%, #3f2815 16.1%, #442a17 19.4%, #492c19 22.6%, #4f2d1b 25.8%, #552f1e 29.0%, #5b3122 32.3%, #613226 35.5%, #68342b 38.7%, #6f3530 41.9%, #773737 45.2%, #7f393f 48.4%, #863a48 51.6%, #8d3c52 54.8%, #943f5d 58.1%, #994268 61.3%, #9d4574 64.5%, #9f497f 67.7%, #a04d8b 71.0%, #a05297 74.2%, #9e58a3 77.4%, #9c5eae 80.6%, #9864b8 83.9%, #946ac1 87.1%, #8f70c8 90.3%, #8b75ce 93.5%, #8779d3 96.8%, #847dd6 100.0%);
background: linear-gradient(45deg in oklch, oklch(25.98% 0.0344 72.42) 0.0%, oklch(26.57% 0.0362 70.56) 3.2%, oklch(27.29% 0.0383 68.29) 6.5%, oklch(28.13% 0.0407 65.65) 9.7%, oklch(29.07% 0.0435 62.66) 12.9%, oklch(30.11% 0.0465 59.39) 16.1%, oklch(31.22% 0.0498 55.86) 19.4%, oklch(32.40% 0.0534 52.11) 22.6%, oklch(33.63% 0.0573 48.20) 25.8%, oklch(34.90% 0.0615 44.15) 29.0%, oklch(36.18% 0.0660 40.00) 32.3%, oklch(37.51% 0.0709 35.75) 35.5%, oklch(38.97% 0.0767 31.24) 38.7%, oklch(40.52% 0.0833 26.50) 41.9%, oklch(42.16% 0.0903 21.56) 45.2%, oklch(43.84% 0.0976 16.45) 48.4%, oklch(45.53% 0.1048 11.20) 51.6%, oklch(47.21% 0.1118 5.84) 54.8%, oklch(48.85% 0.1182 0.40) 58.1%, oklch(50.40% 0.1239 354.92) 61.3%, oklch(51.86% 0.1285 349.42) 64.5%, oklch(53.19% 0.1319 343.91) 67.7%, oklch(54.47% 0.1341 337.92) 71.0%, oklch(55.74% 0.1354 331.48) 74.2%, oklch(56.97% 0.1360 324.76) 77.4%, oklch(58.15% 0.1359 317.96) 80.6%, oklch(59.26% 0.1355 311.24) 83.9%, oklch(60.30% 0.1347 304.81) 87.1%, oklch(61.24% 0.1338 298.84) 90.3%, oklch(62.08% 0.1330 293.51) 93.5%, oklch(62.80% 0.1325 289.02) 96.8%, oklch(63.39% 0.1323 285.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.034 | 72.4 |
| 2 | 0.366 | 0.068 | 38.6 |
| 3 | 0.528 | 0.131 | -14.2 |
| 4 | 0.634 | 0.132 | -74.5 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)

## Other forms

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