# Aubergine heatmap palette

The Aubergine heatmap palette brings together dark purple, purple, and pale purple. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is dark purple, and its lightest tone is pale purple.

- Also called: Dark purple, purple and lavender linear gradient
- Seed: `kSMzPgRkU_XUWP0`
- Page: https://grabient.com/kSMzPgRkU_XUWP0?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 14.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 | `#22092b` | `oklch(20.08% 0.0703 315.00)` | Middle Red Purple | white, 18.3 to 1 |
| 2 | `#250b30` | `oklch(21.35% 0.0751 314.81)` | Blacklist | white, 17.9 to 1 |
| 3 | `#2a0d36` | `oklch(22.87% 0.0817 314.58)` | Dark Prom Queen | white, 17.3 to 1 |
| 4 | `#300f3e` | `oklch(24.63% 0.0897 314.31)` | Purple Door | white, 16.6 to 1 |
| 5 | `#361146` | `oklch(26.58% 0.0989 314.01)` | Purple Door | white, 15.8 to 1 |
| 6 | `#3d134f` | `oklch(28.72% 0.1089 313.69)` | Obsidian Orchid | white, 14.9 to 1 |
| 7 | `#45165a` | `oklch(31.00% 0.1194 313.34)` | Plunged Into Darkness | white, 13.8 to 1 |
| 8 | `#4d1965` | `oklch(33.41% 0.1302 312.97)` | Fading Horizon | white, 12.7 to 1 |
| 9 | `#551d70` | `oklch(35.92% 0.1410 312.59)` | Violethargic | white, 11.6 to 1 |
| 10 | `#5e207c` | `oklch(38.50% 0.1514 312.20)` | Purplex | white, 10.6 to 1 |
| 11 | `#672588` | `oklch(41.12% 0.1612 311.81)` | Sapphire Siren | white, 9.5 to 1 |
| 12 | `#702a94` | `oklch(43.75% 0.1700 311.41)` | Orb of Discord | white, 8.5 to 1 |
| 13 | `#7830a0` | `oklch(46.38% 0.1776 311.01)` | Skeletor’s Cape | white, 7.7 to 1 |
| 14 | `#8136ab` | `oklch(48.97% 0.1837 310.63)` | Pleasant Purple | white, 6.9 to 1 |
| 15 | `#883db5` | `oklch(51.50% 0.1879 310.25)` | Harley Hair Purple | white, 6.2 to 1 |
| 16 | `#9044bf` | `oklch(53.94% 0.1900 309.89)` | Harley Hair Purple | white, 5.5 to 1 |
| 17 | `#964cc7` | `oklch(56.30% 0.1897 309.54)` | Morado Purple | white, 5 to 1 |
| 18 | `#9d55cf` | `oklch(58.78% 0.1869 309.18)` | Morado Purple | black, 4.6 to 1 |
| 19 | `#a45fd6` | `oklch(61.38% 0.1820 308.81)` | Legendary Lavender | black, 5.1 to 1 |
| 20 | `#ab69dc` | `oklch(64.07% 0.1752 308.42)` | Violet Voltage | black, 5.7 to 1 |
| 21 | `#b174e2` | `oklch(66.83% 0.1669 308.02)` | Lavender | black, 6.4 to 1 |
| 22 | `#b880e8` | `oklch(69.61% 0.1574 307.63)` | Lavender Blossom | black, 7.2 to 1 |
| 23 | `#be8bed` | `oklch(72.39% 0.1469 307.23)` | Luminous Lavender | black, 8.1 to 1 |
| 24 | `#c596f1` | `oklch(75.13% 0.1357 306.84)` | Dream Vapour | black, 9 to 1 |
| 25 | `#cba1f5` | `oklch(77.82% 0.1243 306.46)` | Lavender Cream | black, 9.9 to 1 |
| 26 | `#d1acf9` | `oklch(80.40% 0.1128 306.09)` | Teasel Dipsacus | black, 10.9 to 1 |
| 27 | `#d7b6fc` | `oklch(82.86% 0.1016 305.75)` | Light Violet | black, 11.9 to 1 |
| 28 | `#dcc0fe` | `oklch(85.16% 0.0910 305.42)` | Jane Purple | black, 12.9 to 1 |
| 29 | `#e1c9ff` | `oklch(87.26% 0.0781 305.13)` | Foggy Heath | black, 13.9 to 1 |
| 30 | `#e5d1ff` | `oklch(89.15% 0.0658 304.86)` | Mousse aux Pruneaux | black, 14.8 to 1 |
| 31 | `#e9d8ff` | `oklch(90.78% 0.0553 304.63)` | Lavender Savour | black, 15.7 to 1 |
| 32 | `#ecdeff` | `oklch(92.13% 0.0469 304.44)` | Lavender Savour | black, 16.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #22092b 0.0%, #250b30 3.2%, #2a0d36 6.5%, #300f3e 9.7%, #361146 12.9%, #3d134f 16.1%, #45165a 19.4%, #4d1965 22.6%, #551d70 25.8%, #5e207c 29.0%, #672588 32.3%, #702a94 35.5%, #7830a0 38.7%, #8136ab 41.9%, #883db5 45.2%, #9044bf 48.4%, #964cc7 51.6%, #9d55cf 54.8%, #a45fd6 58.1%, #ab69dc 61.3%, #b174e2 64.5%, #b880e8 67.7%, #be8bed 71.0%, #c596f1 74.2%, #cba1f5 77.4%, #d1acf9 80.6%, #d7b6fc 83.9%, #dcc0fe 87.1%, #e1c9ff 90.3%, #e5d1ff 93.5%, #e9d8ff 96.8%, #ecdeff 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.08% 0.0703 315.00) 0.0%, oklch(21.35% 0.0751 314.81) 3.2%, oklch(22.87% 0.0817 314.58) 6.5%, oklch(24.63% 0.0897 314.31) 9.7%, oklch(26.58% 0.0989 314.01) 12.9%, oklch(28.72% 0.1089 313.69) 16.1%, oklch(31.00% 0.1194 313.34) 19.4%, oklch(33.41% 0.1302 312.97) 22.6%, oklch(35.92% 0.1410 312.59) 25.8%, oklch(38.50% 0.1514 312.20) 29.0%, oklch(41.12% 0.1612 311.81) 32.3%, oklch(43.75% 0.1700 311.41) 35.5%, oklch(46.38% 0.1776 311.01) 38.7%, oklch(48.97% 0.1837 310.63) 41.9%, oklch(51.50% 0.1879 310.25) 45.2%, oklch(53.94% 0.1900 309.89) 48.4%, oklch(56.30% 0.1897 309.54) 51.6%, oklch(58.78% 0.1869 309.18) 54.8%, oklch(61.38% 0.1820 308.81) 58.1%, oklch(64.07% 0.1752 308.42) 61.3%, oklch(66.83% 0.1669 308.02) 64.5%, oklch(69.61% 0.1574 307.63) 67.7%, oklch(72.39% 0.1469 307.23) 71.0%, oklch(75.13% 0.1357 306.84) 74.2%, oklch(77.82% 0.1243 306.46) 77.4%, oklch(80.40% 0.1128 306.09) 80.6%, oklch(82.86% 0.1016 305.75) 83.9%, oklch(85.16% 0.0910 305.42) 87.1%, oklch(87.26% 0.0781 305.13) 90.3%, oklch(89.15% 0.0658 304.86) 93.5%, oklch(90.78% 0.0553 304.63) 96.8%, oklch(92.13% 0.0469 304.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.07 | 315 |
| 2 | 0.551 | 0.19 | 309.7 |
| 3 | 0.921 | 0.061 | 304.4 |

## In these collections

- [Heatmap gradients](https://grabient.com/heatmap-gradients)

## Other forms

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