# Aubergine and blush hero section palette

This palette moves from dark purple through purple to light magenta. It steadily lightens across a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits website sections and presentation backgrounds, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Vivid analogous purple to pink linear gradient
- Seed: `kSTG3KxMVEGCzQ2`
- Page: https://grabient.com/kSTG3KxMVEGCzQ2?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.3 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 | `#2c1373` | `oklch(29.92% 0.1502 284.77)` | Persian Indigo | white, 14.5 to 1 |
| 2 | `#2f1476` | `oklch(30.80% 0.1518 286.04)` | Persian Indigo | white, 14.1 to 1 |
| 3 | `#34167a` | `oklch(31.86% 0.1540 287.60)` | Persian Indigo | white, 13.6 to 1 |
| 4 | `#39187e` | `oklch(33.09% 0.1568 289.40)` | Pixie Powder | white, 13 to 1 |
| 5 | `#3f1b83` | `oklch(34.46% 0.1599 291.42)` | Grim Purple | white, 12.4 to 1 |
| 6 | `#451d88` | `oklch(35.96% 0.1633 293.62)` | Galactic Civilization | white, 11.7 to 1 |
| 7 | `#4d208d` | `oklch(37.56% 0.1669 295.97)` | Occult | white, 11 to 1 |
| 8 | `#542292` | `oklch(39.25% 0.1705 298.44)` | Eggplant Tint | white, 10.3 to 1 |
| 9 | `#5d2597` | `oklch(40.99% 0.1742 301.00)` | Wild Violet | white, 9.6 to 1 |
| 10 | `#65289c` | `oklch(42.78% 0.1777 303.61)` | Wild Violet | white, 8.9 to 1 |
| 11 | `#6e2ba1` | `oklch(44.59% 0.1810 306.24)` | Purple Heart | white, 8.3 to 1 |
| 12 | `#772ea5` | `oklch(46.39% 0.1839 308.86)` | Purple Pristine | white, 7.7 to 1 |
| 13 | `#8031a9` | `oklch(48.17% 0.1864 311.43)` | Pleasant Purple | white, 7.1 to 1 |
| 14 | `#8835ac` | `oklch(49.91% 0.1884 313.93)` | Pleasant Purple | white, 6.6 to 1 |
| 15 | `#9138af` | `oklch(51.59% 0.1897 316.32)` | Akebi Purple | white, 6.2 to 1 |
| 16 | `#983cb1` | `oklch(53.18% 0.1902 318.58)` | Akebi Purple | white, 5.8 to 1 |
| 17 | `#a040b2` | `oklch(54.69% 0.1899 320.69)` | Akebi Purple | white, 5.4 to 1 |
| 18 | `#a744b4` | `oklch(56.24% 0.1887 322.84)` | Fuchsia Pheromone | white, 5 to 1 |
| 19 | `#ae49b5` | `oklch(57.85% 0.1867 325.03)` | Ultraviolet Cryner | white, 4.7 to 1 |
| 20 | `#b54eb6` | `oklch(59.48% 0.1840 327.26)` | Ultraviolet Cryner | black, 4.7 to 1 |
| 21 | `#bc53b7` | `oklch(61.14% 0.1808 329.50)` | Still Fuchsia | black, 5 to 1 |
| 22 | `#c359b8` | `oklch(62.80% 0.1772 331.73)` | Mazzy Star | black, 5.4 to 1 |
| 23 | `#ca5fb8` | `oklch(64.45% 0.1732 333.93)` | Pú Táo Zǐ Purple | black, 5.8 to 1 |
| 24 | `#d064b9` | `oklch(66.06% 0.1689 336.08)` | Pú Táo Zǐ Purple | black, 6.2 to 1 |
| 25 | `#d66aba` | `oklch(67.63% 0.1646 338.17)` | Pink Charge | black, 6.6 to 1 |
| 26 | `#db70ba` | `oklch(69.14% 0.1603 340.17)` | Purple Hollyhock | black, 7 to 1 |
| 27 | `#e075bb` | `oklch(70.57% 0.1560 342.06)` | Fuchsia Blush | black, 7.4 to 1 |
| 28 | `#e57abc` | `oklch(71.91% 0.1520 343.82)` | Fuchsia Blush | black, 7.8 to 1 |
| 29 | `#e97fbd` | `oklch(73.13% 0.1484 345.44)` | Fuchsia Blush | black, 8.2 to 1 |
| 30 | `#ec83bd` | `oklch(74.23% 0.1452 346.90)` | Persian Pink | black, 8.5 to 1 |
| 31 | `#f087be` | `oklch(75.19% 0.1425 348.16)` | Tea Rose | black, 8.8 to 1 |
| 32 | `#f28abf` | `oklch(75.98% 0.1406 349.23)` | Bubblegum Beam | black, 9.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2c1373 0.0%, #2f1476 3.2%, #34167a 6.5%, #39187e 9.7%, #3f1b83 12.9%, #451d88 16.1%, #4d208d 19.4%, #542292 22.6%, #5d2597 25.8%, #65289c 29.0%, #6e2ba1 32.3%, #772ea5 35.5%, #8031a9 38.7%, #8835ac 41.9%, #9138af 45.2%, #983cb1 48.4%, #a040b2 51.6%, #a744b4 54.8%, #ae49b5 58.1%, #b54eb6 61.3%, #bc53b7 64.5%, #c359b8 67.7%, #ca5fb8 71.0%, #d064b9 74.2%, #d66aba 77.4%, #db70ba 80.6%, #e075bb 83.9%, #e57abc 87.1%, #e97fbd 90.3%, #ec83bd 93.5%, #f087be 96.8%, #f28abf 100.0%);
background: linear-gradient(135deg in oklch, oklch(29.92% 0.1502 284.77) 0.0%, oklch(30.80% 0.1518 286.04) 3.2%, oklch(31.86% 0.1540 287.60) 6.5%, oklch(33.09% 0.1568 289.40) 9.7%, oklch(34.46% 0.1599 291.42) 12.9%, oklch(35.96% 0.1633 293.62) 16.1%, oklch(37.56% 0.1669 295.97) 19.4%, oklch(39.25% 0.1705 298.44) 22.6%, oklch(40.99% 0.1742 301.00) 25.8%, oklch(42.78% 0.1777 303.61) 29.0%, oklch(44.59% 0.1810 306.24) 32.3%, oklch(46.39% 0.1839 308.86) 35.5%, oklch(48.17% 0.1864 311.43) 38.7%, oklch(49.91% 0.1884 313.93) 41.9%, oklch(51.59% 0.1897 316.32) 45.2%, oklch(53.18% 0.1902 318.58) 48.4%, oklch(54.69% 0.1899 320.69) 51.6%, oklch(56.24% 0.1887 322.84) 54.8%, oklch(57.85% 0.1867 325.03) 58.1%, oklch(59.48% 0.1840 327.26) 61.3%, oklch(61.14% 0.1808 329.50) 64.5%, oklch(62.80% 0.1772 331.73) 67.7%, oklch(64.45% 0.1732 333.93) 71.0%, oklch(66.06% 0.1689 336.08) 74.2%, oklch(67.63% 0.1646 338.17) 77.4%, oklch(69.14% 0.1603 340.17) 80.6%, oklch(70.57% 0.1560 342.06) 83.9%, oklch(71.91% 0.1520 343.82) 87.1%, oklch(73.13% 0.1484 345.44) 90.3%, oklch(74.23% 0.1452 346.90) 93.5%, oklch(75.19% 0.1425 348.16) 96.8%, oklch(75.98% 0.1406 349.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.15 | 284.8 |
| 2 | 0.539 | 0.19 | 319.6 |
| 3 | 0.76 | 0.141 | 349.2 |

## In these collections

- [Hero section gradients](https://grabient.com/hero-section-gradients)

## Other forms

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