# Wine two color palette

The Wine two color palette brings together dark magenta and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is red.

- Also called: Vivid analogous purple to salmon angular gradient
- Seed: `kQTHT828VDY`
- Page: https://grabient.com/kQTHT828VDY?style=angularGradient&steps=32
- Drawn as: angular gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.4 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 | `#580031` | `oklch(29.95% 0.1229 355.13)` | Mulberry Wood | white, 14.4 to 1 |
| 2 | `#5b0032` | `oklch(30.69% 0.1258 355.65)` | Mulberry Wood | white, 14.1 to 1 |
| 3 | `#5f0033` | `oklch(31.55% 0.1291 356.25)` | Mulberry Wood | white, 13.7 to 1 |
| 4 | `#630035` | `oklch(32.53% 0.1329 356.94)` | Tyrian Purple | white, 13.2 to 1 |
| 5 | `#680037` | `oklch(33.62% 0.1370 357.70)` | Spanish Purple | white, 12.7 to 1 |
| 6 | `#6d0039` | `oklch(34.80% 0.1416 358.53)` | Merlot | white, 12.2 to 1 |
| 7 | `#73003b` | `oklch(36.08% 0.1464 359.42)` | Merlot | white, 11.6 to 1 |
| 8 | `#7a003d` | `oklch(37.43% 0.1516 0.37)` | Wine | white, 11.1 to 1 |
| 9 | `#80003f` | `oklch(38.86% 0.1571 1.37)` | Wine | white, 10.5 to 1 |
| 10 | `#880041` | `oklch(40.35% 0.1628 2.42)` | Midnight Merlot | white, 9.9 to 1 |
| 11 | `#8f0043` | `oklch(41.88% 0.1684 3.48)` | Madrileño Maroon | white, 9.3 to 1 |
| 12 | `#950945` | `oklch(43.47% 0.1696 4.59)` | Rose Garnet | white, 8.7 to 1 |
| 13 | `#9b1147` | `oklch(45.10% 0.1708 5.74)` | Berry | white, 8.1 to 1 |
| 14 | `#a2184a` | `oklch(46.76% 0.1720 6.91)` | Hydrangea Red | white, 7.5 to 1 |
| 15 | `#a81f4c` | `oklch(48.44% 0.1732 8.09)` | She Pouts | white, 7 to 1 |
| 16 | `#af254e` | `oklch(50.14% 0.1744 9.28)` | Minted Blueberry Lemonade | white, 6.5 to 1 |
| 17 | `#b62a50` | `oklch(51.83% 0.1756 10.47)` | Minted Blueberry Lemonade | white, 6.1 to 1 |
| 18 | `#bd3052` | `oklch(53.53% 0.1768 11.66)` | Bleeding Heart | white, 5.6 to 1 |
| 19 | `#c33554` | `oklch(55.21% 0.1780 12.84)` | Dingy Dungeon | white, 5.2 to 1 |
| 20 | `#ca3a56` | `oklch(56.87% 0.1792 14.01)` | Nakabeni Pink | white, 4.9 to 1 |
| 21 | `#d04058` | `oklch(58.50% 0.1804 15.15)` | Tōnatiuh Red | white, 4.6 to 1 |
| 22 | `#d7455a` | `oklch(60.09% 0.1816 16.27)` | Geranium | black, 4.8 to 1 |
| 23 | `#dd495b` | `oklch(61.64% 0.1827 17.36)` | Geranium | black, 5.1 to 1 |
| 24 | `#e34e5d` | `oklch(63.13% 0.1837 18.40)` | Highlighter Red | black, 5.5 to 1 |
| 25 | `#e8535f` | `oklch(64.55% 0.1848 19.40)` | Highlighter Red | black, 5.8 to 1 |
| 26 | `#ee5760` | `oklch(65.91% 0.1857 20.36)` | Khmer Curry | black, 6.1 to 1 |
| 27 | `#f35b61` | `oklch(67.18% 0.1867 21.25)` | Dubarry | black, 6.4 to 1 |
| 28 | `#f85f62` | `oklch(68.37% 0.1875 22.08)` | Firecracker Salmon | black, 6.7 to 1 |
| 29 | `#fc6264` | `oklch(69.46% 0.1883 22.85)` | Fusion Red | black, 7 to 1 |
| 30 | `#ff6665` | `oklch(70.43% 0.1872 23.54)` | Pompelmo | black, 7.3 to 1 |
| 31 | `#ff6c69` | `oklch(71.30% 0.1800 24.14)` | Pastel Red | black, 7.6 to 1 |
| 32 | `#ff726c` | `oklch(72.05% 0.1738 24.67)` | Sparkling Cosmo | black, 7.8 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #580031 0.0%, #5b0032 3.2%, #5f0033 6.5%, #630035 9.7%, #680037 12.9%, #6d0039 16.1%, #73003b 19.4%, #7a003d 22.6%, #80003f 25.8%, #880041 29.0%, #8f0043 32.3%, #950945 35.5%, #9b1147 38.7%, #a2184a 41.9%, #a81f4c 45.2%, #af254e 48.4%, #b62a50 51.6%, #bd3052 54.8%, #c33554 58.1%, #ca3a56 61.3%, #d04058 64.5%, #d7455a 67.7%, #dd495b 71.0%, #e34e5d 74.2%, #e8535f 77.4%, #ee5760 80.6%, #f35b61 83.9%, #f85f62 87.1%, #fc6264 90.3%, #ff6665 93.5%, #ff6c69 96.8%, #ff726c 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(29.95% 0.1229 355.13) 0.0%, oklch(30.69% 0.1258 355.65) 3.2%, oklch(31.55% 0.1291 356.25) 6.5%, oklch(32.53% 0.1329 356.94) 9.7%, oklch(33.62% 0.1370 357.70) 12.9%, oklch(34.80% 0.1416 358.53) 16.1%, oklch(36.08% 0.1464 359.42) 19.4%, oklch(37.43% 0.1516 0.37) 22.6%, oklch(38.86% 0.1571 1.37) 25.8%, oklch(40.35% 0.1628 2.42) 29.0%, oklch(41.88% 0.1684 3.48) 32.3%, oklch(43.47% 0.1696 4.59) 35.5%, oklch(45.10% 0.1708 5.74) 38.7%, oklch(46.76% 0.1720 6.91) 41.9%, oklch(48.44% 0.1732 8.09) 45.2%, oklch(50.14% 0.1744 9.28) 48.4%, oklch(51.83% 0.1756 10.47) 51.6%, oklch(53.53% 0.1768 11.66) 54.8%, oklch(55.21% 0.1780 12.84) 58.1%, oklch(56.87% 0.1792 14.01) 61.3%, oklch(58.50% 0.1804 15.15) 64.5%, oklch(60.09% 0.1816 16.27) 67.7%, oklch(61.64% 0.1827 17.36) 71.0%, oklch(63.13% 0.1837 18.40) 74.2%, oklch(64.55% 0.1848 19.40) 77.4%, oklch(65.91% 0.1857 20.36) 80.6%, oklch(67.18% 0.1867 21.25) 83.9%, oklch(68.37% 0.1875 22.08) 87.1%, oklch(69.46% 0.1883 22.85) 90.3%, oklch(70.43% 0.1872 23.54) 93.5%, oklch(71.30% 0.1800 24.14) 96.8%, oklch(72.05% 0.1738 24.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.16 | 355.1 |
| 2 | 0.72 | 0.19 | 384.7 |

## In these collections

- [Two color gradients](https://grabient.com/two-color-gradients)

## Other forms

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