# Aubergine Cyan Vapor Arc

Deep aubergine travels through berry, coral pink, lilac, periwinkle, and cyan in a sweeping diagonal gradient. The saturated retro-futurist arc suits vaporwave posters, music artwork, streaming graphics, game screens, social banners, and interface panels that need a dark warm opening with a bright cool finish.

- Also called: Tritone dark purple, pink and light blue linear gradient
- Seed: `kUQTHqwbRCda3wliIirg`
- Page: https://grabient.com/kUQTHqwbRCda3wliIirg?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.1 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 | `#341532` | `oklch(25.59% 0.0675 329.77)` | Cultist Robe | white, 16.1 to 1 |
| 2 | `#3a1737` | `oklch(27.12% 0.0721 330.98)` | Nightly Voyager | white, 15.4 to 1 |
| 3 | `#411a3c` | `oklch(29.13% 0.0784 332.54)` | Blackberry | white, 14.5 to 1 |
| 4 | `#4b1e43` | `oklch(31.52% 0.0860 334.39)` | Opulent Mauve | white, 13.4 to 1 |
| 5 | `#55224a` | `oklch(34.19% 0.0944 336.46)` | Murasaki | white, 12.2 to 1 |
| 6 | `#612652` | `oklch(37.06% 0.1033 338.69)` | Plum Caspia | white, 10.9 to 1 |
| 7 | `#6e2b59` | `oklch(40.02% 0.1123 341.03)` | Forest Fruit Red | white, 9.7 to 1 |
| 8 | `#7b2f60` | `oklch(42.98% 0.1211 343.42)` | Ayame Iris | white, 8.6 to 1 |
| 9 | `#873467` | `oklch(45.83% 0.1292 345.78)` | Boysenberry | white, 7.7 to 1 |
| 10 | `#94386c` | `oklch(48.50% 0.1362 348.07)` | Powder Red | white, 6.9 to 1 |
| 11 | `#9e3d71` | `oklch(50.87% 0.1418 350.22)` | Maximum Red Purple | white, 6.2 to 1 |
| 12 | `#a84173` | `oklch(52.92% 0.1459 352.61)` | Magenta Haze | white, 5.7 to 1 |
| 13 | `#b14473` | `oklch(54.86% 0.1494 356.35)` | Valentino | white, 5.3 to 1 |
| 14 | `#bb4871` | `oklch(56.70% 0.1522 1.04)` | Lake Red | white, 4.9 to 1 |
| 15 | `#c34c6d` | `oklch(58.44% 0.1544 6.13)` | Vibrant Red | black, 4.5 to 1 |
| 16 | `#cb5169` | `oklch(60.10% 0.1560 11.09)` | Cabaret | black, 4.9 to 1 |
| 17 | `#d25665` | `oklch(61.68% 0.1570 15.39)` | Tandoori Red | black, 5.2 to 1 |
| 18 | `#d85b64` | `oklch(63.18% 0.1573 18.49)` | Dragon Fruit | black, 5.5 to 1 |
| 19 | `#dd6065` | `oklch(64.61% 0.1570 19.86)` | Briquette | black, 5.9 to 1 |
| 20 | `#e1646b` | `oklch(65.97% 0.1560 18.96)` | Lovely Little Rosy | black, 6.2 to 1 |
| 21 | `#e56977` | `oklch(67.27% 0.1544 15.26)` | Old Heart | black, 6.5 to 1 |
| 22 | `#e66d88` | `oklch(68.52% 0.1521 8.15)` | Deep Blush | black, 6.9 to 1 |
| 23 | `#e473a0` | `oklch(69.71% 0.1482 356.46)` | Chinese Pink | black, 7.2 to 1 |
| 24 | `#db7bbc` | `oklch(70.84% 0.1431 340.76)` | Fuchsia Blush | black, 7.5 to 1 |
| 25 | `#cc86d7` | `oklch(71.90% 0.1369 322.08)` | Blush Essence | black, 7.9 to 1 |
| 26 | `#b693ec` | `oklch(72.90% 0.1300 301.43)` | Dreamy Candy Forest | black, 8.3 to 1 |
| 27 | `#9ba1f6` | `oklch(73.82% 0.1227 279.85)` | Cold Lips | black, 8.8 to 1 |
| 28 | `#7faef6` | `oklch(74.66% 0.1155 258.33)` | Kitten’s Eye | black, 9.3 to 1 |
| 29 | `#67b9ec` | `oklch(75.42% 0.1086 237.92)` | Norfolk Sky | black, 9.7 to 1 |
| 30 | `#5cc1de` | `oklch(76.10% 0.1025 219.62)` | Naxos Sky | black, 10.1 to 1 |
| 31 | `#5dc5d0` | `oklch(76.68% 0.0974 204.45)` | Paradise Sky | black, 10.3 to 1 |
| 32 | `#64c8c6` | `oklch(77.17% 0.0937 193.44)` | Chinese Lacquer | black, 10.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #341532 0.0%, #3a1737 3.2%, #411a3c 6.5%, #4b1e43 9.7%, #55224a 12.9%, #612652 16.1%, #6e2b59 19.4%, #7b2f60 22.6%, #873467 25.8%, #94386c 29.0%, #9e3d71 32.3%, #a84173 35.5%, #b14473 38.7%, #bb4871 41.9%, #c34c6d 45.2%, #cb5169 48.4%, #d25665 51.6%, #d85b64 54.8%, #dd6065 58.1%, #e1646b 61.3%, #e56977 64.5%, #e66d88 67.7%, #e473a0 71.0%, #db7bbc 74.2%, #cc86d7 77.4%, #b693ec 80.6%, #9ba1f6 83.9%, #7faef6 87.1%, #67b9ec 90.3%, #5cc1de 93.5%, #5dc5d0 96.8%, #64c8c6 100.0%);
background: linear-gradient(225deg in oklch, oklch(25.59% 0.0675 329.77) 0.0%, oklch(27.12% 0.0721 330.98) 3.2%, oklch(29.13% 0.0784 332.54) 6.5%, oklch(31.52% 0.0860 334.39) 9.7%, oklch(34.19% 0.0944 336.46) 12.9%, oklch(37.06% 0.1033 338.69) 16.1%, oklch(40.02% 0.1123 341.03) 19.4%, oklch(42.98% 0.1211 343.42) 22.6%, oklch(45.83% 0.1292 345.78) 25.8%, oklch(48.50% 0.1362 348.07) 29.0%, oklch(50.87% 0.1418 350.22) 32.3%, oklch(52.92% 0.1459 352.61) 35.5%, oklch(54.86% 0.1494 356.35) 38.7%, oklch(56.70% 0.1522 1.04) 41.9%, oklch(58.44% 0.1544 6.13) 45.2%, oklch(60.10% 0.1560 11.09) 48.4%, oklch(61.68% 0.1570 15.39) 51.6%, oklch(63.18% 0.1573 18.49) 54.8%, oklch(64.61% 0.1570 19.86) 58.1%, oklch(65.97% 0.1560 18.96) 61.3%, oklch(67.27% 0.1544 15.26) 64.5%, oklch(68.52% 0.1521 8.15) 67.7%, oklch(69.71% 0.1482 356.46) 71.0%, oklch(70.84% 0.1431 340.76) 74.2%, oklch(71.90% 0.1369 322.08) 77.4%, oklch(72.90% 0.1300 301.43) 80.6%, oklch(73.82% 0.1227 279.85) 83.9%, oklch(74.66% 0.1155 258.33) 87.1%, oklch(75.42% 0.1086 237.92) 90.3%, oklch(76.10% 0.1025 219.62) 93.5%, oklch(76.68% 0.0974 204.45) 96.8%, oklch(77.17% 0.0937 193.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.068 | 329.8 |
| 2 | 0.516 | 0.143 | 350.9 |
| 3 | 0.681 | 0.153 | 371 |
| 4 | 0.772 | 0.094 | 193.4 |

## In these collections

- [Vaporwave gradients](https://grabient.com/vaporwave-gradients)

## Other forms

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