# Wine and mint red and green palette

The Wine and mint red and green palette brings together dark magenta, red, and light green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is light green.

- Also called: Black, purple and green linear gradient
- Seed: `kSMiT9OytBGcWUc`
- Page: https://grabient.com/kSMiT9OytBGcWUc?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, warm, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.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 | `#260a16` | `oklch(19.69% 0.0496 355.78)` | Meški Black | white, 18.4 to 1 |
| 2 | `#290c18` | `oklch(20.64% 0.0524 355.85)` | Inside | white, 18.1 to 1 |
| 3 | `#2d0d1b` | `oklch(21.77% 0.0560 355.52)` | Black Cherry | white, 17.7 to 1 |
| 4 | `#320f1f` | `oklch(23.06% 0.0605 354.88)` | Black Cherry | white, 17.2 to 1 |
| 5 | `#371122` | `oklch(24.50% 0.0656 354.06)` | Chocolate Kiss | white, 16.6 to 1 |
| 6 | `#3d1327` | `oklch(26.06% 0.0712 353.15)` | Chocolate Kiss | white, 15.9 to 1 |
| 7 | `#43152c` | `oklch(27.74% 0.0771 352.27)` | Blackberry | white, 15.1 to 1 |
| 8 | `#4a1731` | `oklch(29.52% 0.0831 351.51)` | Chilli Black Red | white, 14.3 to 1 |
| 9 | `#511a37` | `oklch(31.38% 0.0892 350.99)` | Tulip Poplar Purple | white, 13.5 to 1 |
| 10 | `#581d3c` | `oklch(33.31% 0.0951 350.81)` | Soul Anchor | white, 12.6 to 1 |
| 11 | `#602042` | `oklch(35.29% 0.1006 351.07)` | Plum Caspia | white, 11.7 to 1 |
| 12 | `#682446` | `oklch(37.31% 0.1057 351.89)` | Witch Soup | white, 10.8 to 1 |
| 13 | `#70274b` | `oklch(39.35% 0.1102 353.37)` | Bordeaux Red | white, 10 to 1 |
| 14 | `#792c4e` | `oklch(41.40% 0.1138 355.62)` | Flirt | white, 9.2 to 1 |
| 15 | `#813050` | `oklch(43.44% 0.1165 358.74)` | Beaujolais | white, 8.4 to 1 |
| 16 | `#893550` | `oklch(45.46% 0.1182 2.84)` | That’s My Jam | white, 7.7 to 1 |
| 17 | `#913b4f` | `oklch(47.47% 0.1185 8.10)` | Luscious | white, 7.1 to 1 |
| 18 | `#99424c` | `oklch(49.65% 0.1177 14.97)` | Timeless Ruby | white, 6.4 to 1 |
| 19 | `#a14a48` | `oklch(51.98% 0.1157 23.28)` | Roof Terracotta | white, 5.8 to 1 |
| 20 | `#a75443` | `oklch(54.43% 0.1129 32.81)` | Portsmouth Spice | white, 5.2 to 1 |
| 21 | `#ac603f` | `oklch(56.98% 0.1092 43.33)` | Mars | white, 4.6 to 1 |
| 22 | `#af6d3e` | `oklch(59.58% 0.1050 54.59)` | Bourbon | black, 5 to 1 |
| 23 | `#af7a40` | `oklch(62.20% 0.1002 66.37)` | Vintage Lincoln | black, 5.6 to 1 |
| 24 | `#ae8747` | `oklch(64.81% 0.0952 78.42)` | Indian Spice | black, 6.3 to 1 |
| 25 | `#ab9452` | `oklch(67.37% 0.0899 90.50)` | Obsession | black, 7.1 to 1 |
| 26 | `#a8a061` | `oklch(69.85% 0.0846 102.40)` | Mediaeval Sulphur | black, 7.8 to 1 |
| 27 | `#a4ab71` | `oklch(72.21% 0.0795 113.85)` | Tarragon | black, 8.6 to 1 |
| 28 | `#a2b581` | `oklch(74.43% 0.0746 124.64)` | Mesclun Green | black, 9.4 to 1 |
| 29 | `#a0bd90` | `oklch(76.46% 0.0701 134.53)` | Glendale | black, 10.1 to 1 |
| 30 | `#a0c49d` | `oklch(78.27% 0.0662 143.28)` | French Market | black, 10.8 to 1 |
| 31 | `#a1c9a9` | `oklch(79.83% 0.0630 150.65)` | French Market | black, 11.4 to 1 |
| 32 | `#a2ceb1` | `oklch(81.10% 0.0606 156.41)` | Retro Mint | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #260a16 0.0%, #290c18 3.2%, #2d0d1b 6.5%, #320f1f 9.7%, #371122 12.9%, #3d1327 16.1%, #43152c 19.4%, #4a1731 22.6%, #511a37 25.8%, #581d3c 29.0%, #602042 32.3%, #682446 35.5%, #70274b 38.7%, #792c4e 41.9%, #813050 45.2%, #893550 48.4%, #913b4f 51.6%, #99424c 54.8%, #a14a48 58.1%, #a75443 61.3%, #ac603f 64.5%, #af6d3e 67.7%, #af7a40 71.0%, #ae8747 74.2%, #ab9452 77.4%, #a8a061 80.6%, #a4ab71 83.9%, #a2b581 87.1%, #a0bd90 90.3%, #a0c49d 93.5%, #a1c9a9 96.8%, #a2ceb1 100.0%);
background: linear-gradient(135deg in oklch, oklch(19.69% 0.0496 355.78) 0.0%, oklch(20.64% 0.0524 355.85) 3.2%, oklch(21.77% 0.0560 355.52) 6.5%, oklch(23.06% 0.0605 354.88) 9.7%, oklch(24.50% 0.0656 354.06) 12.9%, oklch(26.06% 0.0712 353.15) 16.1%, oklch(27.74% 0.0771 352.27) 19.4%, oklch(29.52% 0.0831 351.51) 22.6%, oklch(31.38% 0.0892 350.99) 25.8%, oklch(33.31% 0.0951 350.81) 29.0%, oklch(35.29% 0.1006 351.07) 32.3%, oklch(37.31% 0.1057 351.89) 35.5%, oklch(39.35% 0.1102 353.37) 38.7%, oklch(41.40% 0.1138 355.62) 41.9%, oklch(43.44% 0.1165 358.74) 45.2%, oklch(45.46% 0.1182 2.84) 48.4%, oklch(47.47% 0.1185 8.10) 51.6%, oklch(49.65% 0.1177 14.97) 54.8%, oklch(51.98% 0.1157 23.28) 58.1%, oklch(54.43% 0.1129 32.81) 61.3%, oklch(56.98% 0.1092 43.33) 64.5%, oklch(59.58% 0.1050 54.59) 67.7%, oklch(62.20% 0.1002 66.37) 71.0%, oklch(64.81% 0.0952 78.42) 74.2%, oklch(67.37% 0.0899 90.50) 77.4%, oklch(69.85% 0.0846 102.40) 80.6%, oklch(72.21% 0.0795 113.85) 83.9%, oklch(74.43% 0.0746 124.64) 87.1%, oklch(76.46% 0.0701 134.53) 90.3%, oklch(78.27% 0.0662 143.28) 93.5%, oklch(79.83% 0.0630 150.65) 96.8%, oklch(81.10% 0.0606 156.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.05 | 355.8 |
| 2 | 0.465 | 0.119 | 365.3 |
| 3 | 0.811 | 0.061 | 516.4 |

## In these collections

- [Red and green gradients](https://grabient.com/red-and-green-gradients)

## Other forms

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