# Near-black and wine color palette

The Near-black and wine color palette brings together dark red and red. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is red.

- Also called: Monochrome black to red linear gradient
- Seed: `kSJCQDpiTAr02wI`
- Page: https://grabient.com/kSJCQDpiTAr02wI?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, dark, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.8 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 | `#190107` | `oklch(14.17% 0.0496 4.92)` | Dwarf Fortress | white, 20 to 1 |
| 2 | `#1b0208` | `oklch(14.74% 0.0515 5.15)` | Dwarf Fortress | white, 19.8 to 1 |
| 3 | `#1d0209` | `oklch(15.42% 0.0537 5.44)` | Belladonna | white, 19.7 to 1 |
| 4 | `#20020a` | `oklch(16.19% 0.0563 5.77)` | Belladonna | white, 19.5 to 1 |
| 5 | `#23020b` | `oklch(17.06% 0.0592 6.13)` | Belladonna | white, 19.3 to 1 |
| 6 | `#26030d` | `oklch(18.00% 0.0623 6.54)` | Belladonna | white, 19 to 1 |
| 7 | `#2a030f` | `oklch(19.02% 0.0657 6.96)` | Ilvaite Black | white, 18.7 to 1 |
| 8 | `#2e0410` | `oklch(20.08% 0.0692 7.41)` | Ilvaite Black | white, 18.4 to 1 |
| 9 | `#320512` | `oklch(21.20% 0.0729 7.88)` | Ilvaite Black | white, 18 to 1 |
| 10 | `#360614` | `oklch(22.35% 0.0767 8.35)` | Ilvaite Black | white, 17.5 to 1 |
| 11 | `#3b0716` | `oklch(23.52% 0.0805 8.83)` | Berry Chocolate | white, 17.1 to 1 |
| 12 | `#400818` | `oklch(24.71% 0.0844 9.31)` | Rhinoceros Beetle | white, 16.6 to 1 |
| 13 | `#44091a` | `oklch(25.89% 0.0882 9.78)` | Rum Chocolate | white, 16.1 to 1 |
| 14 | `#490b1c` | `oklch(27.08% 0.0919 10.23)` | What We Do in the Shadows | white, 15.5 to 1 |
| 15 | `#4e0c1e` | `oklch(28.24% 0.0955 10.66)` | Maroon Oak | white, 15 to 1 |
| 16 | `#520e20` | `oklch(29.37% 0.0989 11.07)` | Maroon Oak | white, 14.5 to 1 |
| 17 | `#571022` | `oklch(30.48% 0.1022 11.45)` | Chocolate Cosmos | white, 14 to 1 |
| 18 | `#5b1123` | `oklch(31.66% 0.1057 11.84)` | Chocolate Cosmos | white, 13.4 to 1 |
| 19 | `#601326` | `oklch(32.91% 0.1092 12.23)` | Dark Humour | white, 12.9 to 1 |
| 20 | `#661528` | `oklch(34.21% 0.1129 12.63)` | Dark Humour | white, 12.3 to 1 |
| 21 | `#6b182a` | `oklch(35.55% 0.1166 13.03)` | Velvet Outbreak | white, 11.7 to 1 |
| 22 | `#711a2c` | `oklch(36.91% 0.1203 13.43)` | Red Berry | white, 11.1 to 1 |
| 23 | `#771c2f` | `oklch(38.27% 0.1240 13.82)` | Jazzy Red | white, 10.5 to 1 |
| 24 | `#7c1f31` | `oklch(39.63% 0.1277 14.21)` | Amaranth Blossom | white, 10 to 1 |
| 25 | `#822133` | `oklch(40.95% 0.1312 14.58)` | Rhubarb | white, 9.4 to 1 |
| 26 | `#872335` | `oklch(42.23% 0.1347 14.93)` | Shiraz | white, 9 to 1 |
| 27 | `#8d2537` | `oklch(43.45% 0.1379 15.27)` | Thrill Ride | white, 8.5 to 1 |
| 28 | `#922739` | `oklch(44.59% 0.1410 15.58)` | Rumba Red | white, 8.1 to 1 |
| 29 | `#96293b` | `oklch(45.63% 0.1437 15.87)` | Valentine Red | white, 7.8 to 1 |
| 30 | `#9a2b3c` | `oklch(46.56% 0.1462 16.13)` | Velvet Cake | white, 7.5 to 1 |
| 31 | `#9e2c3e` | `oklch(47.37% 0.1484 16.36)` | Velvet Cake | white, 7.2 to 1 |
| 32 | `#a12e3f` | `oklch(48.03% 0.1502 16.55)` | Radish | white, 7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #190107 0.0%, #1b0208 3.2%, #1d0209 6.5%, #20020a 9.7%, #23020b 12.9%, #26030d 16.1%, #2a030f 19.4%, #2e0410 22.6%, #320512 25.8%, #360614 29.0%, #3b0716 32.3%, #400818 35.5%, #44091a 38.7%, #490b1c 41.9%, #4e0c1e 45.2%, #520e20 48.4%, #571022 51.6%, #5b1123 54.8%, #601326 58.1%, #661528 61.3%, #6b182a 64.5%, #711a2c 67.7%, #771c2f 71.0%, #7c1f31 74.2%, #822133 77.4%, #872335 80.6%, #8d2537 83.9%, #922739 87.1%, #96293b 90.3%, #9a2b3c 93.5%, #9e2c3e 96.8%, #a12e3f 100.0%);
background: linear-gradient(135deg in oklch, oklch(14.17% 0.0496 4.92) 0.0%, oklch(14.74% 0.0515 5.15) 3.2%, oklch(15.42% 0.0537 5.44) 6.5%, oklch(16.19% 0.0563 5.77) 9.7%, oklch(17.06% 0.0592 6.13) 12.9%, oklch(18.00% 0.0623 6.54) 16.1%, oklch(19.02% 0.0657 6.96) 19.4%, oklch(20.08% 0.0692 7.41) 22.6%, oklch(21.20% 0.0729 7.88) 25.8%, oklch(22.35% 0.0767 8.35) 29.0%, oklch(23.52% 0.0805 8.83) 32.3%, oklch(24.71% 0.0844 9.31) 35.5%, oklch(25.89% 0.0882 9.78) 38.7%, oklch(27.08% 0.0919 10.23) 41.9%, oklch(28.24% 0.0955 10.66) 45.2%, oklch(29.37% 0.0989 11.07) 48.4%, oklch(30.48% 0.1022 11.45) 51.6%, oklch(31.66% 0.1057 11.84) 54.8%, oklch(32.91% 0.1092 12.23) 58.1%, oklch(34.21% 0.1129 12.63) 61.3%, oklch(35.55% 0.1166 13.03) 64.5%, oklch(36.91% 0.1203 13.43) 67.7%, oklch(38.27% 0.1240 13.82) 71.0%, oklch(39.63% 0.1277 14.21) 74.2%, oklch(40.95% 0.1312 14.58) 77.4%, oklch(42.23% 0.1347 14.93) 80.6%, oklch(43.45% 0.1379 15.27) 83.9%, oklch(44.59% 0.1410 15.58) 87.1%, oklch(45.63% 0.1437 15.87) 90.3%, oklch(46.56% 0.1462 16.13) 93.5%, oklch(47.37% 0.1484 16.36) 96.8%, oklch(48.03% 0.1502 16.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.05 | 4.9 |
| 2 | 0.299 | 0.101 | 11.3 |
| 3 | 0.48 | 0.15 | 16.5 |

## In these collections

- [Red gradients](https://grabient.com/red-gradients)
- [Maroon color palette](https://grabient.com/maroon-color-palette)

## Other forms

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