# Aubergine and crimson color palette

The Aubergine and crimson color palette brings together dark purple, purple, blue, magenta, orange, red, and light red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is dark purple, and its lightest tone is light red.

- Also called: Duotone purple to salmon linear gradient
- Seed: `kaQk7YJ6A-zOqPw8EEVRhfKdGavBZm8Dg`
- Page: https://grabient.com/kaQk7YJ6A-zOqPw8EEVRhfKdGavBZm8Dg?steps=34
- Drawn as: linear gradient, 34 steps, 90 degrees
- Kinds: dark to light, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.9 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 | `#300f4d` | `oklch(25.98% 0.1075 303.75)` | Oily Purple | white, 16.1 to 1 |
| 2 | `#30124e` | `oklch(26.54% 0.1045 302.57)` | Russian Violet | white, 15.8 to 1 |
| 3 | `#30164f` | `oklch(27.29% 0.0999 300.90)` | Russian Violet | white, 15.4 to 1 |
| 4 | `#311b51` | `oklch(28.19% 0.0949 298.96)` | Russian Violet | white, 14.9 to 1 |
| 5 | `#321f53` | `oklch(29.26% 0.0906 296.94)` | Powerful Violet | white, 14.4 to 1 |
| 6 | `#332356` | `oklch(30.46% 0.0883 295.06)` | Stormy Night | white, 13.8 to 1 |
| 7 | `#35275b` | `oklch(31.81% 0.0893 293.29)` | Paris M | white, 13.1 to 1 |
| 8 | `#382b63` | `oklch(33.44% 0.0950 290.64)` | Paris M | white, 12.4 to 1 |
| 9 | `#3a2f6d` | `oklch(35.26% 0.1031 287.76)` | Minsk | white, 11.5 to 1 |
| 10 | `#3c3477` | `oklch(37.14% 0.1111 285.55)` | Ballpoint Indigo | white, 10.7 to 1 |
| 11 | `#40387f` | `oklch(38.94% 0.1161 284.94)` | Sage Violet | white, 10 to 1 |
| 12 | `#473c84` | `oklch(40.55% 0.1157 286.84)` | Nauseous Blue | white, 9.3 to 1 |
| 13 | `#4e4082` | `oklch(41.92% 0.1075 291.30)` | Harvest Night | white, 8.8 to 1 |
| 14 | `#56447c` | `oklch(43.14% 0.0931 297.65)` | Cyber Grape | white, 8.3 to 1 |
| 15 | `#5e4875` | `oklch(44.28% 0.0760 305.72)` | Gengiana | white, 7.9 to 1 |
| 16 | `#634c6d` | `oklch(45.41% 0.0597 315.34)` | Futaai Indigo | white, 7.5 to 1 |
| 17 | `#685168` | `oklch(46.60% 0.0475 326.33)` | Vintner | white, 7.1 to 1 |
| 18 | `#6e5465` | `oklch(47.91% 0.0426 339.18)` | Earth Brown Violet | white, 6.7 to 1 |
| 19 | `#765762` | `oklch(49.27% 0.0434 356.65)` | Falcon Wing | white, 6.3 to 1 |
| 20 | `#7e5a5b` | `oklch(50.68% 0.0479 16.55)` | Musk Deer | white, 5.9 to 1 |
| 21 | `#855e54` | `oklch(52.12% 0.0543 35.90)` | Hanover Brick | white, 5.6 to 1 |
| 22 | `#8a644d` | `oklch(53.60% 0.0605 51.72)` | Obscure Ochre | white, 5.2 to 1 |
| 23 | `#8e694a` | `oklch(55.12% 0.0648 61.05)` | Slippery Stone | white, 4.9 to 1 |
| 24 | `#936e4d` | `oklch(56.73% 0.0671 61.93)` | El Caramelo | white, 4.5 to 1 |
| 25 | `#9b7153` | `oklch(58.44% 0.0689 56.35)` | Freckle Face | black, 4.8 to 1 |
| 26 | `#a4745c` | `oklch(60.18% 0.0703 47.24)` | Tan Wagon | black, 5.2 to 1 |
| 27 | `#ac7767` | `oklch(61.87% 0.0715 37.54)` | Sawshark | black, 5.5 to 1 |
| 28 | `#b27a70` | `oklch(63.45% 0.0725 30.18)` | Heirloom | black, 5.9 to 1 |
| 29 | `#b87e76` | `oklch(64.87% 0.0735 27.54)` | Heirloom | black, 6.2 to 1 |
| 30 | `#bc827a` | `oklch(66.26% 0.0743 27.85)` | Cameo Brown | black, 6.6 to 1 |
| 31 | `#c1867c` | `oklch(67.58% 0.0748 29.82)` | Whisky | black, 6.9 to 1 |
| 32 | `#c58a7d` | `oklch(68.76% 0.0752 32.56)` | Yum Raw Spam | black, 7.2 to 1 |
| 33 | `#c88d7e` | `oklch(69.75% 0.0755 35.16)` | Rose de Mai | black, 7.5 to 1 |
| 34 | `#ca907f` | `oklch(70.47% 0.0758 36.74)` | Black Hills Gold | black, 7.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #300f4d 0.0%, #30124e 3.0%, #30164f 6.1%, #311b51 9.1%, #321f53 12.1%, #332356 15.2%, #35275b 18.2%, #382b63 21.2%, #3a2f6d 24.2%, #3c3477 27.3%, #40387f 30.3%, #473c84 33.3%, #4e4082 36.4%, #56447c 39.4%, #5e4875 42.4%, #634c6d 45.5%, #685168 48.5%, #6e5465 51.5%, #765762 54.5%, #7e5a5b 57.6%, #855e54 60.6%, #8a644d 63.6%, #8e694a 66.7%, #936e4d 69.7%, #9b7153 72.7%, #a4745c 75.8%, #ac7767 78.8%, #b27a70 81.8%, #b87e76 84.8%, #bc827a 87.9%, #c1867c 90.9%, #c58a7d 93.9%, #c88d7e 97.0%, #ca907f 100.0%);
background: linear-gradient(90deg in oklch, oklch(25.98% 0.1075 303.75) 0.0%, oklch(26.54% 0.1045 302.57) 3.0%, oklch(27.29% 0.0999 300.90) 6.1%, oklch(28.19% 0.0949 298.96) 9.1%, oklch(29.26% 0.0906 296.94) 12.1%, oklch(30.46% 0.0883 295.06) 15.2%, oklch(31.81% 0.0893 293.29) 18.2%, oklch(33.44% 0.0950 290.64) 21.2%, oklch(35.26% 0.1031 287.76) 24.2%, oklch(37.14% 0.1111 285.55) 27.3%, oklch(38.94% 0.1161 284.94) 30.3%, oklch(40.55% 0.1157 286.84) 33.3%, oklch(41.92% 0.1075 291.30) 36.4%, oklch(43.14% 0.0931 297.65) 39.4%, oklch(44.28% 0.0760 305.72) 42.4%, oklch(45.41% 0.0597 315.34) 45.5%, oklch(46.60% 0.0475 326.33) 48.5%, oklch(47.91% 0.0426 339.18) 51.5%, oklch(49.27% 0.0434 356.65) 54.5%, oklch(50.68% 0.0479 16.55) 57.6%, oklch(52.12% 0.0543 35.90) 60.6%, oklch(53.60% 0.0605 51.72) 63.6%, oklch(55.12% 0.0648 61.05) 66.7%, oklch(56.73% 0.0671 61.93) 69.7%, oklch(58.44% 0.0689 56.35) 72.7%, oklch(60.18% 0.0703 47.24) 75.8%, oklch(61.87% 0.0715 37.54) 78.8%, oklch(63.45% 0.0725 30.18) 81.8%, oklch(64.87% 0.0735 27.54) 84.8%, oklch(66.26% 0.0743 27.85) 87.9%, oklch(67.58% 0.0748 29.82) 90.9%, oklch(68.76% 0.0752 32.56) 93.9%, oklch(69.75% 0.0755 35.16) 97.0%, oklch(70.47% 0.0758 36.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.107 | 303.8 |
| 2 | 0.311 | 0.088 | 294.2 |
| 3 | 0.406 | 0.116 | 286.8 |
| 4 | 0.472 | 0.044 | 332.3 |
| 5 | 0.551 | 0.065 | 421 |
| 6 | 0.642 | 0.073 | 388.3 |
| 7 | 0.705 | 0.076 | 396.7 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)
- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)
- [Text gradients](https://grabient.com/text-gradients)

## Other forms

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