# Vivid analogous maroon to pink linear gradient

Vivid analogous maroon to pink linear gradient with 32 colors: #610031, #650031, #6a0032, #700132, #770132, #7f0332, #870532, #900933, #980f34, #a11436, #aa1a39, #b5213c, #bf273f, #c92e43, #d33447, #dc3b4b, #e3414f, #e94753, #ef4d58, #f5535d, #f95962, #fd5f68, #ff656d, #ff6c74, #ff717a, #fe767f, #fa7c86, #f5828c, #f08791, #ea8c96, #e68f99, #e2929c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWUV7_tzxBs1HwLbQj_XqO_A`
- Page: https://grabient.com/kWUV7_tzxBs1HwLbQj_XqO_A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.7 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 | `#610031` | `oklch(31.89% 0.1295 359.30)` | Mulberry Wood | white, 13.5 to 1 |
| 2 | `#650031` | `oklch(32.76% 0.1324 0.54)` | Spanish Purple | white, 13.1 to 1 |
| 3 | `#6a0032` | `oklch(33.88% 0.1363 2.27)` | Spanish Purple | white, 12.6 to 1 |
| 4 | `#700132` | `oklch(35.21% 0.1410 4.34)` | Merlot | white, 12 to 1 |
| 5 | `#770132` | `oklch(36.71% 0.1461 6.58)` | Bordeaux | white, 11.3 to 1 |
| 6 | `#7f0332` | `oklch(38.36% 0.1515 8.87)` | Bordeaux | white, 10.6 to 1 |
| 7 | `#870532` | `oklch(40.10% 0.1568 11.03)` | Macabre | white, 9.9 to 1 |
| 8 | `#900933` | `oklch(41.92% 0.1619 12.93)` | Madrileño Maroon | white, 9.2 to 1 |
| 9 | `#980f34` | `oklch(43.78% 0.1665 14.43)` | French Winery | white, 8.5 to 1 |
| 10 | `#a11436` | `oklch(45.83% 0.1712 15.67)` | Vivid Burgundy | white, 7.8 to 1 |
| 11 | `#aa1a39` | `oklch(48.09% 0.1763 16.77)` | Rouge | white, 7.1 to 1 |
| 12 | `#b5213c` | `oklch(50.48% 0.1813 17.73)` | Timeless Beauty | white, 6.4 to 1 |
| 13 | `#bf273f` | `oklch(52.90% 0.1861 18.54)` | Opening Ribbon | white, 5.8 to 1 |
| 14 | `#c92e43` | `oklch(55.30% 0.1904 19.23)` | Red Peppercorn | white, 5.2 to 1 |
| 15 | `#d33447` | `oklch(57.58% 0.1939 19.80)` | Smooch Rouge | white, 4.8 to 1 |
| 16 | `#dc3b4b` | `oklch(59.68% 0.1963 20.25)` | Poppy Red | black, 4.7 to 1 |
| 17 | `#e3414f` | `oklch(61.54% 0.1975 20.58)` | Tomato Sceptre | black, 5.1 to 1 |
| 18 | `#e94753` | `oklch(63.28% 0.1981 20.79)` | Watermelonade | black, 5.5 to 1 |
| 19 | `#ef4d58` | `oklch(64.94% 0.1981 20.86)` | Highlighter Red | black, 5.8 to 1 |
| 20 | `#f5535d` | `oklch(66.50% 0.1972 20.81)` | Red Mana | black, 6.2 to 1 |
| 21 | `#f95962` | `oklch(67.94% 0.1955 20.64)` | Sweet Watermelon | black, 6.6 to 1 |
| 22 | `#fd5f68` | `oklch(69.25% 0.1927 20.37)` | Grenadine Pink | black, 6.9 to 1 |
| 23 | `#ff656d` | `oklch(70.41% 0.1881 19.99)` | Grenadine Pink | black, 7.3 to 1 |
| 24 | `#ff6c74` | `oklch(71.42% 0.1797 19.51)` | Begonia | black, 7.6 to 1 |
| 25 | `#ff717a` | `oklch(72.26% 0.1730 18.88)` | Salmon Rose | black, 7.9 to 1 |
| 26 | `#fe767f` | `oklch(72.89% 0.1659 17.99)` | Salmon Rose | black, 8.1 to 1 |
| 27 | `#fa7c86` | `oklch(73.35% 0.1537 16.92)` | Anime Blush | black, 8.3 to 1 |
| 28 | `#f5828c` | `oklch(73.69% 0.1406 15.76)` | Camaron Pink | black, 8.4 to 1 |
| 29 | `#f08791` | `oklch(73.92% 0.1274 14.59)` | Flamingo Dream | black, 8.5 to 1 |
| 30 | `#ea8c96` | `oklch(74.10% 0.1153 13.52)` | Poudretteite Pink | black, 8.6 to 1 |
| 31 | `#e68f99` | `oklch(74.25% 0.1051 12.62)` | Poudretteite Pink | black, 8.7 to 1 |
| 32 | `#e2929c` | `oklch(74.41% 0.0978 11.98)` | Rose Marquis | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #610031 0.0%, #650031 3.2%, #6a0032 6.5%, #700132 9.7%, #770132 12.9%, #7f0332 16.1%, #870532 19.4%, #900933 22.6%, #980f34 25.8%, #a11436 29.0%, #aa1a39 32.3%, #b5213c 35.5%, #bf273f 38.7%, #c92e43 41.9%, #d33447 45.2%, #dc3b4b 48.4%, #e3414f 51.6%, #e94753 54.8%, #ef4d58 58.1%, #f5535d 61.3%, #f95962 64.5%, #fd5f68 67.7%, #ff656d 71.0%, #ff6c74 74.2%, #ff717a 77.4%, #fe767f 80.6%, #fa7c86 83.9%, #f5828c 87.1%, #f08791 90.3%, #ea8c96 93.5%, #e68f99 96.8%, #e2929c 100.0%);
background: linear-gradient(90deg in oklch, oklch(31.89% 0.1295 359.30) 0.0%, oklch(32.76% 0.1324 0.54) 3.2%, oklch(33.88% 0.1363 2.27) 6.5%, oklch(35.21% 0.1410 4.34) 9.7%, oklch(36.71% 0.1461 6.58) 12.9%, oklch(38.36% 0.1515 8.87) 16.1%, oklch(40.10% 0.1568 11.03) 19.4%, oklch(41.92% 0.1619 12.93) 22.6%, oklch(43.78% 0.1665 14.43) 25.8%, oklch(45.83% 0.1712 15.67) 29.0%, oklch(48.09% 0.1763 16.77) 32.3%, oklch(50.48% 0.1813 17.73) 35.5%, oklch(52.90% 0.1861 18.54) 38.7%, oklch(55.30% 0.1904 19.23) 41.9%, oklch(57.58% 0.1939 19.80) 45.2%, oklch(59.68% 0.1963 20.25) 48.4%, oklch(61.54% 0.1975 20.58) 51.6%, oklch(63.28% 0.1981 20.79) 54.8%, oklch(64.94% 0.1981 20.86) 58.1%, oklch(66.50% 0.1972 20.81) 61.3%, oklch(67.94% 0.1955 20.64) 64.5%, oklch(69.25% 0.1927 20.37) 67.7%, oklch(70.41% 0.1881 19.99) 71.0%, oklch(71.42% 0.1797 19.51) 74.2%, oklch(72.26% 0.1730 18.88) 77.4%, oklch(72.89% 0.1659 17.99) 80.6%, oklch(73.35% 0.1537 16.92) 83.9%, oklch(73.69% 0.1406 15.76) 87.1%, oklch(73.92% 0.1274 14.59) 90.3%, oklch(74.10% 0.1153 13.52) 93.5%, oklch(74.25% 0.1051 12.62) 96.8%, oklch(74.41% 0.0978 11.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.13 | 359.3 |
| 2 | 0.433 | 0.165 | 374.1 |
| 3 | 0.606 | 0.197 | 380.4 |
| 4 | 0.717 | 0.182 | 379.4 |
| 5 | 0.744 | 0.098 | 372 |

## In these collections

- [Pink gradients](https://grabient.com/pink-gradients)
- [Red gradients](https://grabient.com/red-gradients)

## Other forms

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