# Wine red forest diagonal

Analogous black, purple and maroon linear gradient with 32 colors: #1d0311, #1f0312, #230315, #270418, #2b041b, #310420, #360524, #3c0529, #41052d, #470531, #4d0535, #520537, #570439, #5b0438, #5e0236, #600132, #61002b, #600021, #5d0115, #580404, #4b1200, #3f1800, #341900, #2a1800, #221600, #1a1400, #121200, #0b0f00, #050c00, #030a01, #020802, #010602. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, purple and maroon linear gradient
- Seed: `kSKSf4qK7BQ4IUY`
- Page: https://grabient.com/kSKSf4qK7BQ4IUY?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.5 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 | `#1d0311` | `oklch(16.14% 0.0537 349.45)` | Belladonna | white, 19.5 to 1 |
| 2 | `#1f0312` | `oklch(16.78% 0.0568 349.61)` | Belladonna | white, 19.4 to 1 |
| 3 | `#230315` | `oklch(17.67% 0.0610 349.39)` | Belladonna | white, 19.1 to 1 |
| 4 | `#270418` | `oklch(18.75% 0.0662 348.90)` | Belladonna | white, 18.8 to 1 |
| 5 | `#2b041b` | `oklch(19.99% 0.0721 348.23)` | Rhodophobia | white, 18.4 to 1 |
| 6 | `#310420` | `oklch(21.35% 0.0786 347.50)` | Vienna Roast | white, 17.9 to 1 |
| 7 | `#360524` | `oklch(22.77% 0.0854 346.80)` | Vienna Roast | white, 17.4 to 1 |
| 8 | `#3c0529` | `oklch(24.23% 0.0924 346.23)` | Dark Sanctuary | white, 16.8 to 1 |
| 9 | `#41052d` | `oklch(25.68% 0.0993 345.90)` | Dark Sanctuary | white, 16.2 to 1 |
| 10 | `#470531` | `oklch(27.07% 0.1059 345.90)` | Dark Sanctuary | white, 15.6 to 1 |
| 11 | `#4d0535` | `oklch(28.37% 0.1121 346.34)` | Pion Purple | white, 15.1 to 1 |
| 12 | `#520537` | `oklch(29.52% 0.1175 347.31)` | Mulberry Wood | white, 14.6 to 1 |
| 13 | `#570439` | `oklch(30.50% 0.1221 348.93)` | Mulberry Wood | white, 14.1 to 1 |
| 14 | `#5b0438` | `oklch(31.26% 0.1256 351.28)` | Mulberry Wood | white, 13.8 to 1 |
| 15 | `#5e0236` | `oklch(31.74% 0.1278 354.48)` | Mulberry Wood | white, 13.6 to 1 |
| 16 | `#600132` | `oklch(31.93% 0.1284 358.62)` | Mulberry Wood | white, 13.5 to 1 |
| 17 | `#61002b` | `oklch(31.76% 0.1274 3.88)` | Baal Red Wash | white, 13.5 to 1 |
| 18 | `#600021` | `oklch(31.23% 0.1246 10.70)` | Baal Red Wash | white, 13.8 to 1 |
| 19 | `#5d0115` | `oklch(30.37% 0.1201 18.94)` | Bloedworst | white, 14.1 to 1 |
| 20 | `#580404` | `oklch(29.24% 0.1143 28.37)` | Mathematical Rage | white, 14.6 to 1 |
| 21 | `#4b1200` | `oklch(27.89% 0.0903 38.50)` | Bean | white, 15.1 to 1 |
| 22 | `#3f1800` | `oklch(26.35% 0.0701 49.53)` | Bath in Chocolate | white, 15.6 to 1 |
| 23 | `#341900` | `oklch(24.67% 0.0573 61.06)` | Powdered Cocoa | white, 16.3 to 1 |
| 24 | `#2a1800` | `oklch(22.90% 0.0488 72.89)` | Cannon Black | white, 17 to 1 |
| 25 | `#221600` | `oklch(21.08% 0.0432 84.80)` | Cannon Black | white, 17.7 to 1 |
| 26 | `#1a1400` | `oklch(19.27% 0.0397 96.61)` | Super Black | white, 18.3 to 1 |
| 27 | `#121200` | `oklch(17.51% 0.0378 108.08)` | Chinese Black | white, 18.9 to 1 |
| 28 | `#0b0f00` | `oklch(15.84% 0.0372 119.01)` | Memorial Black | white, 19.3 to 1 |
| 29 | `#050c00` | `oklch(14.31% 0.0379 128.86)` | Whiten’t | white, 19.7 to 1 |
| 30 | `#030a01` | `oklch(12.96% 0.0319 137.15)` | Melanous | white, 20 to 1 |
| 31 | `#020802` | `oklch(11.85% 0.0262 144.41)` | Melanous | white, 20.2 to 1 |
| 32 | `#010602` | `oklch(11.02% 0.0220 150.08)` | Black Metal | white, 20.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1d0311 0.0%, #1f0312 3.2%, #230315 6.5%, #270418 9.7%, #2b041b 12.9%, #310420 16.1%, #360524 19.4%, #3c0529 22.6%, #41052d 25.8%, #470531 29.0%, #4d0535 32.3%, #520537 35.5%, #570439 38.7%, #5b0438 41.9%, #5e0236 45.2%, #600132 48.4%, #61002b 51.6%, #600021 54.8%, #5d0115 58.1%, #580404 61.3%, #4b1200 64.5%, #3f1800 67.7%, #341900 71.0%, #2a1800 74.2%, #221600 77.4%, #1a1400 80.6%, #121200 83.9%, #0b0f00 87.1%, #050c00 90.3%, #030a01 93.5%, #020802 96.8%, #010602 100.0%);
background: linear-gradient(45deg in oklch, oklch(16.14% 0.0537 349.45) 0.0%, oklch(16.78% 0.0568 349.61) 3.2%, oklch(17.67% 0.0610 349.39) 6.5%, oklch(18.75% 0.0662 348.90) 9.7%, oklch(19.99% 0.0721 348.23) 12.9%, oklch(21.35% 0.0786 347.50) 16.1%, oklch(22.77% 0.0854 346.80) 19.4%, oklch(24.23% 0.0924 346.23) 22.6%, oklch(25.68% 0.0993 345.90) 25.8%, oklch(27.07% 0.1059 345.90) 29.0%, oklch(28.37% 0.1121 346.34) 32.3%, oklch(29.52% 0.1175 347.31) 35.5%, oklch(30.50% 0.1221 348.93) 38.7%, oklch(31.26% 0.1256 351.28) 41.9%, oklch(31.74% 0.1278 354.48) 45.2%, oklch(31.93% 0.1284 358.62) 48.4%, oklch(31.76% 0.1274 3.88) 51.6%, oklch(31.23% 0.1246 10.70) 54.8%, oklch(30.37% 0.1201 18.94) 58.1%, oklch(29.24% 0.1143 28.37) 61.3%, oklch(27.89% 0.0903 38.50) 64.5%, oklch(26.35% 0.0701 49.53) 67.7%, oklch(24.67% 0.0573 61.06) 71.0%, oklch(22.90% 0.0488 72.89) 74.2%, oklch(21.08% 0.0432 84.80) 77.4%, oklch(19.27% 0.0397 96.61) 80.6%, oklch(17.51% 0.0378 108.08) 83.9%, oklch(15.84% 0.0372 119.01) 87.1%, oklch(14.31% 0.0379 128.86) 90.3%, oklch(12.96% 0.0319 137.15) 93.5%, oklch(11.85% 0.0262 144.41) 96.8%, oklch(11.02% 0.0220 150.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.054 | 349.5 |
| 2 | 0.319 | 0.128 | 361.1 |
| 3 | 0.11 | 0.022 | 510.1 |

## In these collections

- [Christmas gradients](https://grabient.com/christmas-gradients)

## Other forms

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