# Velvet Rose Twilight

This diagonal gradient moves from muted violet through dusty rose and warm coral pink, then settles into wine, plum, and near black. The long shaded finish gives the route a romantic evening mood while leaving a brighter central area for type. Use it for invitations, beauty packaging, album artwork, or intimate editorial backgrounds.

- Also called: Analogous purple, pink and black linear gradient
- Seed: `kUgTrp3irEiolvKXDTwA`
- Page: https://grabient.com/kUgTrp3irEiolvKXDTwA?steps=32&angle=120
- Drawn as: linear gradient, 32 steps, 120 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.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 | `#7e557c` | `oklch(50.79% 0.0799 328.36)` | Birthstone | white, 6 to 1 |
| 2 | `#855880` | `oklch(52.39% 0.0823 330.88)` | Concord Grape | white, 5.6 to 1 |
| 3 | `#905d85` | `oklch(54.79% 0.0856 334.47)` | Antique Fuchsia | white, 5.1 to 1 |
| 4 | `#9c648b` | `oklch(57.75% 0.0895 338.84)` | Raspberry Jelly Red | black, 4.6 to 1 |
| 5 | `#ab6c91` | `oklch(61.04% 0.0940 343.71)` | Purple Starburst | black, 5.2 to 1 |
| 6 | `#ba7497` | `oklch(64.41% 0.0986 348.78)` | Benifuji | black, 6 to 1 |
| 7 | `#c97c9c` | `oklch(67.63% 0.1032 353.77)` | Wild Rose | black, 6.8 to 1 |
| 8 | `#d6839f` | `oklch(70.45% 0.1076 358.40)` | Primrose | black, 7.5 to 1 |
| 9 | `#e188a1` | `oklch(72.65% 0.1114 2.36)` | Reflecting Rose | black, 8.2 to 1 |
| 10 | `#e88ba0` | `oklch(73.99% 0.1146 5.39)` | Underwater Flare | black, 8.6 to 1 |
| 11 | `#ea8b9f` | `oklch(74.22% 0.1167 7.18)` | Underwater Flare | black, 8.6 to 1 |
| 12 | `#e7889a` | `oklch(73.14% 0.1178 7.58)` | Iced Berry | black, 8.3 to 1 |
| 13 | `#df8094` | `oklch(70.77% 0.1184 6.86)` | Bella Pink | black, 7.6 to 1 |
| 14 | `#d3768c` | `oklch(67.37% 0.1185 5.23)` | Razzberries | black, 6.7 to 1 |
| 15 | `#c46983` | `oklch(63.17% 0.1182 2.84)` | Old Geranium | black, 5.6 to 1 |
| 16 | `#b25b79` | `oklch(58.43% 0.1174 359.87)` | Kir Royale Rose | black, 4.6 to 1 |
| 17 | `#a04d6e` | `oklch(53.39% 0.1161 356.47)` | Ancient Fuchsia | white, 5.5 to 1 |
| 18 | `#8e3f64` | `oklch(48.29% 0.1143 352.83)` | Bonbon Red | white, 6.8 to 1 |
| 19 | `#7c335a` | `oklch(43.38% 0.1120 349.09)` | Alfonso Olive | white, 8.4 to 1 |
| 20 | `#6b2851` | `oklch(38.90% 0.1092 345.44)` | Ebizome Purple | white, 10.2 to 1 |
| 21 | `#5e1f4a` | `oklch(35.10% 0.1059 342.04)` | Plum Caspia | white, 11.8 to 1 |
| 22 | `#531944` | `oklch(32.19% 0.1019 338.99)` | Violet Carmine | white, 13.2 to 1 |
| 23 | `#49153f` | `oklch(29.76% 0.0968 335.78)` | Velvet Cosmos | white, 14.3 to 1 |
| 24 | `#40123b` | `oklch(27.64% 0.0904 332.30)` | Velvet Cosmos | white, 15.3 to 1 |
| 25 | `#381137` | `oklch(25.79% 0.0832 328.65)` | Synallactida | white, 16.1 to 1 |
| 26 | `#311033` | `oklch(24.20% 0.0754 324.95)` | Synallactida | white, 16.7 to 1 |
| 27 | `#2a102f` | `oklch(22.82% 0.0674 321.28)` | Dark Prom Queen | white, 17.3 to 1 |
| 28 | `#250f2b` | `oklch(21.62% 0.0595 317.77)` | Dark Prom Queen | white, 17.7 to 1 |
| 29 | `#200f28` | `oklch(20.58% 0.0521 314.50)` | Inside | white, 18.1 to 1 |
| 30 | `#1c0f24` | `oklch(19.67% 0.0455 311.58)` | Shot in the Dark | white, 18.4 to 1 |
| 31 | `#190e21` | `oklch(18.86% 0.0399 309.12)` | Shot in the Dark | white, 18.6 to 1 |
| 32 | `#160d1e` | `oklch(18.11% 0.0358 307.22)` | Shot in the Dark | white, 18.8 to 1 |

## CSS

```css
background: linear-gradient(120deg, #7e557c 0.0%, #855880 3.2%, #905d85 6.5%, #9c648b 9.7%, #ab6c91 12.9%, #ba7497 16.1%, #c97c9c 19.4%, #d6839f 22.6%, #e188a1 25.8%, #e88ba0 29.0%, #ea8b9f 32.3%, #e7889a 35.5%, #df8094 38.7%, #d3768c 41.9%, #c46983 45.2%, #b25b79 48.4%, #a04d6e 51.6%, #8e3f64 54.8%, #7c335a 58.1%, #6b2851 61.3%, #5e1f4a 64.5%, #531944 67.7%, #49153f 71.0%, #40123b 74.2%, #381137 77.4%, #311033 80.6%, #2a102f 83.9%, #250f2b 87.1%, #200f28 90.3%, #1c0f24 93.5%, #190e21 96.8%, #160d1e 100.0%);
background: linear-gradient(120deg in oklch, oklch(50.79% 0.0799 328.36) 0.0%, oklch(52.39% 0.0823 330.88) 3.2%, oklch(54.79% 0.0856 334.47) 6.5%, oklch(57.75% 0.0895 338.84) 9.7%, oklch(61.04% 0.0940 343.71) 12.9%, oklch(64.41% 0.0986 348.78) 16.1%, oklch(67.63% 0.1032 353.77) 19.4%, oklch(70.45% 0.1076 358.40) 22.6%, oklch(72.65% 0.1114 2.36) 25.8%, oklch(73.99% 0.1146 5.39) 29.0%, oklch(74.22% 0.1167 7.18) 32.3%, oklch(73.14% 0.1178 7.58) 35.5%, oklch(70.77% 0.1184 6.86) 38.7%, oklch(67.37% 0.1185 5.23) 41.9%, oklch(63.17% 0.1182 2.84) 45.2%, oklch(58.43% 0.1174 359.87) 48.4%, oklch(53.39% 0.1161 356.47) 51.6%, oklch(48.29% 0.1143 352.83) 54.8%, oklch(43.38% 0.1120 349.09) 58.1%, oklch(38.90% 0.1092 345.44) 61.3%, oklch(35.10% 0.1059 342.04) 64.5%, oklch(32.19% 0.1019 338.99) 67.7%, oklch(29.76% 0.0968 335.78) 71.0%, oklch(27.64% 0.0904 332.30) 74.2%, oklch(25.79% 0.0832 328.65) 77.4%, oklch(24.20% 0.0754 324.95) 80.6%, oklch(22.82% 0.0674 321.28) 83.9%, oklch(21.62% 0.0595 317.77) 87.1%, oklch(20.58% 0.0521 314.50) 90.3%, oklch(19.67% 0.0455 311.58) 93.5%, oklch(18.86% 0.0399 309.12) 96.8%, oklch(18.11% 0.0358 307.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.08 | 328.4 |
| 2 | 0.74 | 0.117 | 367.5 |
| 3 | 0.331 | 0.103 | 340 |
| 4 | 0.181 | 0.036 | 307.2 |

## In these collections

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

## Other forms

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