# Velvet Berry Evening

Across the diagonal, the gradient begins in plum, passes through rose pink, dusty mauve, and dusty mauve, then finishes in rose pink. The continuous transition leaves broad, usable areas for foreground type while preserving the complete approved color journey.

- Also called: Analogous purple, pink and dark purple linear gradient
- Seed: `kWfWcB2qc_qmXvfHlz5yLRDg`
- Page: https://grabient.com/kWfWcB2qc_qmXvfHlz5yLRDg?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: muted, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#9e365a` | `oklch(49.21% 0.1419 2.11)` | Royal Flush | white, 6.7 to 1 |
| 2 | `#a43e61` | `oklch(51.42% 0.1392 2.05)` | Gooseberry | white, 6.1 to 1 |
| 3 | `#af4a6b` | `oklch(54.83% 0.1357 2.08)` | Bing Cherry Pie | white, 5.2 to 1 |
| 4 | `#bb5877` | `oklch(58.93% 0.1315 2.12)` | Tutti Frutti | black, 4.7 to 1 |
| 5 | `#c76683` | `oklch(63.17% 0.1268 2.10)` | Old Geranium | black, 5.6 to 1 |
| 6 | `#d2738f` | `oklch(67.02% 0.1217 1.92)` | Pink Garnet | black, 6.6 to 1 |
| 7 | `#d97e99` | `oklch(69.95% 0.1165 1.52)` | Impatient Pink | black, 7.4 to 1 |
| 8 | `#dc849f` | `oklch(71.43% 0.1113 0.79)` | Sweet Chrysanthemum | black, 7.8 to 1 |
| 9 | `#d7849f` | `oklch(70.90% 0.1062 359.67)` | Primrose | black, 7.7 to 1 |
| 10 | `#ca7d97` | `oklch(67.80% 0.1006 358.06)` | Wild Rose | black, 6.8 to 1 |
| 11 | `#b56f8a` | `oklch(62.63% 0.0944 356.04)` | Pink Hibiscus | black, 5.6 to 1 |
| 12 | `#9d5f79` | `oklch(56.19% 0.0880 353.74)` | Rose Wine | white, 4.8 to 1 |
| 13 | `#844d67` | `oklch(49.27% 0.0817 351.26)` | Damson | white, 6.4 to 1 |
| 14 | `#6d3d56` | `oklch(42.66% 0.0758 348.75)` | Royal Lines | white, 8.5 to 1 |
| 15 | `#5b3048` | `oklch(37.15% 0.0706 346.32)` | Vistoris Lake | white, 10.7 to 1 |
| 16 | `#4e283f` | `oklch(33.53% 0.0664 344.09)` | Potent Purple | white, 12.3 to 1 |
| 17 | `#4a263d` | `oklch(32.49% 0.0633 342.07)` | Prestige Mauve | white, 12.8 to 1 |
| 18 | `#4c2a41` | `oklch(33.68% 0.0607 339.71)` | Potent Purple | white, 12.2 to 1 |
| 19 | `#52324a` | `oklch(36.50% 0.0584 337.16)` | Grimace | white, 10.9 to 1 |
| 20 | `#5c3d55` | `oklch(40.40% 0.0568 334.65)` | Blackberry Wine | white, 9.3 to 1 |
| 21 | `#684963` | `oklch(44.83% 0.0561 332.45)` | Bunchberry | white, 7.7 to 1 |
| 22 | `#745570` | `oklch(49.25% 0.0566 330.79)` | Cembra Blossom | white, 6.3 to 1 |
| 23 | `#80607c` | `oklch(53.11% 0.0585 329.95)` | Purple Gumdrop | white, 5.4 to 1 |
| 24 | `#896785` | `oklch(55.85% 0.0622 330.16)` | Sunshone Plum | white, 4.8 to 1 |
| 25 | `#90698a` | `oklch(57.28% 0.0682 331.79)` | Chinese Violet | black, 4.5 to 1 |
| 26 | `#97698d` | `oklch(58.04% 0.0775 335.00)` | Chinese Violet | black, 4.7 to 1 |
| 27 | `#9e668c` | `oklch(58.30% 0.0890 339.33)` | Berry Pretty | black, 4.7 to 1 |
| 28 | `#a56189` | `oklch(58.20% 0.1016 344.29)` | Wild Mulberry | black, 4.6 to 1 |
| 29 | `#ab5c84` | `oklch(57.89% 0.1144 349.43)` | Guppy Violet | black, 4.5 to 1 |
| 30 | `#b1567e` | `oklch(57.50% 0.1264 354.25)` | Speedwell | white, 4.6 to 1 |
| 31 | `#b55177` | `oklch(57.19% 0.1363 358.28)` | Diva Glam | white, 4.7 to 1 |
| 32 | `#b94d72` | `oklch(57.09% 0.1433 1.05)` | Lake Red | white, 4.8 to 1 |

## CSS

```css
background: linear-gradient(315deg, #9e365a 0.0%, #a43e61 3.2%, #af4a6b 6.5%, #bb5877 9.7%, #c76683 12.9%, #d2738f 16.1%, #d97e99 19.4%, #dc849f 22.6%, #d7849f 25.8%, #ca7d97 29.0%, #b56f8a 32.3%, #9d5f79 35.5%, #844d67 38.7%, #6d3d56 41.9%, #5b3048 45.2%, #4e283f 48.4%, #4a263d 51.6%, #4c2a41 54.8%, #52324a 58.1%, #5c3d55 61.3%, #684963 64.5%, #745570 67.7%, #80607c 71.0%, #896785 74.2%, #90698a 77.4%, #97698d 80.6%, #9e668c 83.9%, #a56189 87.1%, #ab5c84 90.3%, #b1567e 93.5%, #b55177 96.8%, #b94d72 100.0%);
background: linear-gradient(315deg in oklch, oklch(49.21% 0.1419 2.11) 0.0%, oklch(51.42% 0.1392 2.05) 3.2%, oklch(54.83% 0.1357 2.08) 6.5%, oklch(58.93% 0.1315 2.12) 9.7%, oklch(63.17% 0.1268 2.10) 12.9%, oklch(67.02% 0.1217 1.92) 16.1%, oklch(69.95% 0.1165 1.52) 19.4%, oklch(71.43% 0.1113 0.79) 22.6%, oklch(70.90% 0.1062 359.67) 25.8%, oklch(67.80% 0.1006 358.06) 29.0%, oklch(62.63% 0.0944 356.04) 32.3%, oklch(56.19% 0.0880 353.74) 35.5%, oklch(49.27% 0.0817 351.26) 38.7%, oklch(42.66% 0.0758 348.75) 41.9%, oklch(37.15% 0.0706 346.32) 45.2%, oklch(33.53% 0.0664 344.09) 48.4%, oklch(32.49% 0.0633 342.07) 51.6%, oklch(33.68% 0.0607 339.71) 54.8%, oklch(36.50% 0.0584 337.16) 58.1%, oklch(40.40% 0.0568 334.65) 61.3%, oklch(44.83% 0.0561 332.45) 64.5%, oklch(49.25% 0.0566 330.79) 67.7%, oklch(53.11% 0.0585 329.95) 71.0%, oklch(55.85% 0.0622 330.16) 74.2%, oklch(57.28% 0.0682 331.79) 77.4%, oklch(58.04% 0.0775 335.00) 80.6%, oklch(58.30% 0.0890 339.33) 83.9%, oklch(58.20% 0.1016 344.29) 87.1%, oklch(57.89% 0.1144 349.43) 90.3%, oklch(57.50% 0.1264 354.25) 93.5%, oklch(57.19% 0.1363 358.28) 96.8%, oklch(57.09% 0.1433 1.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.142 | 2.1 |
| 2 | 0.713 | 0.107 | 0 |
| 3 | 0.327 | 0.065 | -16.9 |
| 4 | 0.563 | 0.063 | -29.6 |
| 5 | 0.571 | 0.143 | 1.1 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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