# Wine and champagne gradient

Duotone purple to beige linear gradient with 32 colors: #511030, #551332, #5a1636, #611b39, #681f3d, #702542, #782b46, #80314a, #87384e, #8e4052, #954957, #9b535c, #a25d61, #a86767, #ae716d, #b37b73, #b98378, #be8c7d, #c39583, #c89e88, #cda68d, #d1ae93, #d5b699, #d8bda0, #dcc4a7, #dfcaae, #e3d0b5, #e6d6bc, #e9dbc3, #ece0c9, #efe4cd, #f1e7d1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone purple to beige linear gradient
- Seed: `kWTEn8uShBFKZwvoEkS9gtBo`
- Page: https://grabient.com/kWTEn8uShBFKZwvoEkS9gtBo?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.6 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 | `#511030` | `oklch(29.92% 0.1006 355.08)` | Tulip Poplar Purple | white, 14.3 to 1 |
| 2 | `#551332` | `oklch(31.08% 0.1017 355.72)` | Tulip Poplar Purple | white, 13.7 to 1 |
| 3 | `#5a1636` | `oklch(32.59% 0.1036 356.47)` | Soul Anchor | white, 13 to 1 |
| 4 | `#611b39` | `oklch(34.39% 0.1059 357.34)` | Soul Anchor | white, 12.2 to 1 |
| 5 | `#681f3d` | `oklch(36.41% 0.1082 358.39)` | Pompadour | white, 11.3 to 1 |
| 6 | `#702542` | `oklch(38.59% 0.1101 359.66)` | Palace Red | white, 10.3 to 1 |
| 7 | `#782b46` | `oklch(40.86% 0.1112 1.18)` | Red Plum | white, 9.4 to 1 |
| 8 | `#80314a` | `oklch(43.17% 0.1112 3.00)` | Beaujolais | white, 8.5 to 1 |
| 9 | `#87384e` | `oklch(45.45% 0.1097 5.16)` | Camelot | white, 7.7 to 1 |
| 10 | `#8e4052` | `oklch(47.86% 0.1064 7.62)` | Liaison | white, 6.9 to 1 |
| 11 | `#954957` | `oklch(50.43% 0.1017 10.35)` | Haitian Flower | white, 6.2 to 1 |
| 12 | `#9b535c` | `oklch(53.10% 0.0960 13.35)` | Cuban Rhythm | white, 5.5 to 1 |
| 13 | `#a25d61` | `oklch(55.82% 0.0898 16.61)` | Pizza Pie | white, 4.9 to 1 |
| 14 | `#a86767` | `oklch(58.54% 0.0835 20.12)` | Melon Twist | black, 4.8 to 1 |
| 15 | `#ae716d` | `oklch(61.20% 0.0775 23.87)` | Horizon Glow | black, 5.3 to 1 |
| 16 | `#b37b73` | `oklch(63.74% 0.0724 27.87)` | Heirloom | black, 5.9 to 1 |
| 17 | `#b98378` | `oklch(66.15% 0.0684 32.17)` | Dusky Damask | black, 6.6 to 1 |
| 18 | `#be8c7d` | `oklch(68.52% 0.0650 37.18)` | Foxen | black, 7.2 to 1 |
| 19 | `#c39583` | `oklch(70.86% 0.0621 42.70)` | Revenant Brown | black, 7.9 to 1 |
| 20 | `#c89e88` | `oklch(73.15% 0.0596 48.50)` | Sweetwood | black, 8.6 to 1 |
| 21 | `#cda68d` | `oklch(75.37% 0.0572 54.31)` | Sienna Buff | black, 9.4 to 1 |
| 22 | `#d1ae93` | `oklch(77.50% 0.0549 59.86)` | Gentility | black, 10.1 to 1 |
| 23 | `#d5b699` | `oklch(79.53% 0.0527 64.91)` | Peach Petals | black, 10.9 to 1 |
| 24 | `#d8bda0` | `oklch(81.43% 0.0502 69.19)` | Silken Stockings | black, 11.7 to 1 |
| 25 | `#dcc4a7` | `oklch(83.24% 0.0476 72.60)` | Elafonisi Beach | black, 12.4 to 1 |
| 26 | `#dfcaae` | `oklch(85.00% 0.0448 75.46)` | Cameo Role | black, 13.2 to 1 |
| 27 | `#e3d0b5` | `oklch(86.69% 0.0419 77.83)` | Lovely Bluff | black, 13.9 to 1 |
| 28 | `#e6d6bc` | `oklch(88.27% 0.0390 79.79)` | Palomino Mane | black, 14.7 to 1 |
| 29 | `#e9dbc3` | `oklch(89.72% 0.0363 81.42)` | Golden Lotus | black, 15.4 to 1 |
| 30 | `#ece0c9` | `oklch(91.00% 0.0339 82.76)` | Polished Ivory | black, 16 to 1 |
| 31 | `#efe4cd` | `oklch(92.07% 0.0319 83.90)` | Someday | black, 16.6 to 1 |
| 32 | `#f1e7d1` | `oklch(92.91% 0.0303 84.90)` | Informal Ivory | black, 17 to 1 |

## CSS

```css
background: linear-gradient(135deg, #511030 0.0%, #551332 3.2%, #5a1636 6.5%, #611b39 9.7%, #681f3d 12.9%, #702542 16.1%, #782b46 19.4%, #80314a 22.6%, #87384e 25.8%, #8e4052 29.0%, #954957 32.3%, #9b535c 35.5%, #a25d61 38.7%, #a86767 41.9%, #ae716d 45.2%, #b37b73 48.4%, #b98378 51.6%, #be8c7d 54.8%, #c39583 58.1%, #c89e88 61.3%, #cda68d 64.5%, #d1ae93 67.7%, #d5b699 71.0%, #d8bda0 74.2%, #dcc4a7 77.4%, #dfcaae 80.6%, #e3d0b5 83.9%, #e6d6bc 87.1%, #e9dbc3 90.3%, #ece0c9 93.5%, #efe4cd 96.8%, #f1e7d1 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.92% 0.1006 355.08) 0.0%, oklch(31.08% 0.1017 355.72) 3.2%, oklch(32.59% 0.1036 356.47) 6.5%, oklch(34.39% 0.1059 357.34) 9.7%, oklch(36.41% 0.1082 358.39) 12.9%, oklch(38.59% 0.1101 359.66) 16.1%, oklch(40.86% 0.1112 1.18) 19.4%, oklch(43.17% 0.1112 3.00) 22.6%, oklch(45.45% 0.1097 5.16) 25.8%, oklch(47.86% 0.1064 7.62) 29.0%, oklch(50.43% 0.1017 10.35) 32.3%, oklch(53.10% 0.0960 13.35) 35.5%, oklch(55.82% 0.0898 16.61) 38.7%, oklch(58.54% 0.0835 20.12) 41.9%, oklch(61.20% 0.0775 23.87) 45.2%, oklch(63.74% 0.0724 27.87) 48.4%, oklch(66.15% 0.0684 32.17) 51.6%, oklch(68.52% 0.0650 37.18) 54.8%, oklch(70.86% 0.0621 42.70) 58.1%, oklch(73.15% 0.0596 48.50) 61.3%, oklch(75.37% 0.0572 54.31) 64.5%, oklch(77.50% 0.0549 59.86) 67.7%, oklch(79.53% 0.0527 64.91) 71.0%, oklch(81.43% 0.0502 69.19) 74.2%, oklch(83.24% 0.0476 72.60) 77.4%, oklch(85.00% 0.0448 75.46) 80.6%, oklch(86.69% 0.0419 77.83) 83.9%, oklch(88.27% 0.0390 79.79) 87.1%, oklch(89.72% 0.0363 81.42) 90.3%, oklch(91.00% 0.0339 82.76) 93.5%, oklch(92.07% 0.0319 83.90) 96.8%, oklch(92.91% 0.0303 84.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.101 | 355.1 |
| 2 | 0.449 | 0.11 | 364.6 |
| 3 | 0.65 | 0.07 | 390 |
| 4 | 0.819 | 0.05 | 430.1 |
| 5 | 0.929 | 0.03 | 444.9 |

## In these collections

- [Burgundy and gold](https://grabient.com/burgundy-and-gold)

## Other forms

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