# Aubergine and copper gradient

Duotone dark purple to peach radial gradient with 32 colors: #321434, #351537, #38173a, #3c193f, #411b44, #461d48, #4b1f4d, #522251, #582453, #602655, #682855, #702b53, #792d51, #81314e, #89354b, #913a48, #993f46, #a04544, #a84b43, #af5143, #b75843, #be6043, #c46743, #cb6f44, #d07646, #d67f49, #dc884e, #e29153, #e79a58, #eca15e, #f0a862, #f2ad66. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone dark purple to peach radial gradient
- Seed: `kWQDPnLKTAj0rxVRr0N5avCQ`
- Page: https://grabient.com/kWQDPnLKTAj0rxVRr0N5avCQ?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.5 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 | `#321434` | `oklch(25.20% 0.0703 324.84)` | Cultist Robe | white, 16.3 to 1 |
| 2 | `#351537` | `oklch(25.96% 0.0728 324.98)` | Cultist Robe | white, 15.9 to 1 |
| 3 | `#38173a` | `oklch(26.96% 0.0762 324.84)` | Nightly Voyager | white, 15.5 to 1 |
| 4 | `#3c193f` | `oklch(28.15% 0.0803 324.66)` | Velvet Cosmos | white, 15 to 1 |
| 5 | `#411b44` | `oklch(29.48% 0.0848 324.66)` | Purple Void | white, 14.3 to 1 |
| 6 | `#461d48` | `oklch(30.91% 0.0894 325.07)` | Purple Void | white, 13.7 to 1 |
| 7 | `#4b1f4d` | `oklch(32.41% 0.0939 326.11)` | Galactic Wonder | white, 13 to 1 |
| 8 | `#522251` | `oklch(33.92% 0.0980 328.01)` | Murasaki | white, 12.3 to 1 |
| 9 | `#582453` | `oklch(35.41% 0.1014 330.99)` | Kuwanomi Purple | white, 11.7 to 1 |
| 10 | `#602655` | `oklch(36.92% 0.1044 335.35)` | Charisma | white, 11 to 1 |
| 11 | `#682855` | `oklch(38.49% 0.1073 340.86)` | Velvet Mauve | white, 10.3 to 1 |
| 12 | `#702b53` | `oklch(40.10% 0.1100 347.15)` | Bordeaux Red | white, 9.7 to 1 |
| 13 | `#792d51` | `oklch(41.77% 0.1124 353.88)` | Flirt | white, 9 to 1 |
| 14 | `#81314e` | `oklch(43.50% 0.1148 0.67)` | Beaujolais | white, 8.4 to 1 |
| 15 | `#89354b` | `oklch(45.27% 0.1169 7.16)` | Tibetan Red | white, 7.8 to 1 |
| 16 | `#913a48` | `oklch(47.10% 0.1189 13.01)` | Luscious | white, 7.2 to 1 |
| 17 | `#993f46` | `oklch(48.98% 0.1208 17.94)` | Classic Cherry | white, 6.6 to 1 |
| 18 | `#a04544` | `oklch(50.96% 0.1226 22.44)` | Tandoori Spice | white, 6.1 to 1 |
| 19 | `#a84b43` | `oklch(53.02% 0.1244 26.62)` | Pasadena Rose | white, 5.6 to 1 |
| 20 | `#af5143` | `oklch(55.13% 0.1260 30.54)` | Cherry Blink | white, 5.1 to 1 |
| 21 | `#b75843` | `oklch(57.27% 0.1273 34.23)` | Red River | white, 4.6 to 1 |
| 22 | `#be6043` | `oklch(59.42% 0.1284 37.74)` | Deep Fire | black, 4.9 to 1 |
| 23 | `#c46743` | `oklch(61.56% 0.1292 41.10)` | Aztec Copper | black, 5.3 to 1 |
| 24 | `#cb6f44` | `oklch(63.66% 0.1295 44.35)` | Red Damask | black, 5.8 to 1 |
| 25 | `#d07646` | `oklch(65.78% 0.1293 47.56)` | Striking Orange | black, 6.3 to 1 |
| 26 | `#d67f49` | `oklch(68.07% 0.1285 50.73)` | Seraphim Sepia | black, 7 to 1 |
| 27 | `#dc884e` | `oklch(70.43% 0.1271 53.80)` | Schnipo | black, 7.6 to 1 |
| 28 | `#e29153` | `oklch(72.77% 0.1255 56.70)` | Pumpkin Toast | black, 8.4 to 1 |
| 29 | `#e79a58` | `oklch(74.99% 0.1238 59.36)` | Butternut Pizazz | black, 9.1 to 1 |
| 30 | `#eca15e` | `oklch(76.99% 0.1222 61.71)` | Doughnut | black, 9.8 to 1 |
| 31 | `#f0a862` | `oklch(78.66% 0.1208 63.70)` | Lion of Menecrates | black, 10.4 to 1 |
| 32 | `#f2ad66` | `oklch(79.92% 0.1199 65.24)` | Blazing Autumn | black, 10.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #321434 0.0%, #351537 3.2%, #38173a 6.5%, #3c193f 9.7%, #411b44 12.9%, #461d48 16.1%, #4b1f4d 19.4%, #522251 22.6%, #582453 25.8%, #602655 29.0%, #682855 32.3%, #702b53 35.5%, #792d51 38.7%, #81314e 41.9%, #89354b 45.2%, #913a48 48.4%, #993f46 51.6%, #a04544 54.8%, #a84b43 58.1%, #af5143 61.3%, #b75843 64.5%, #be6043 67.7%, #c46743 71.0%, #cb6f44 74.2%, #d07646 77.4%, #d67f49 80.6%, #dc884e 83.9%, #e29153 87.1%, #e79a58 90.3%, #eca15e 93.5%, #f0a862 96.8%, #f2ad66 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(25.20% 0.0703 324.84) 0.0%, oklch(25.96% 0.0728 324.98) 3.2%, oklch(26.96% 0.0762 324.84) 6.5%, oklch(28.15% 0.0803 324.66) 9.7%, oklch(29.48% 0.0848 324.66) 12.9%, oklch(30.91% 0.0894 325.07) 16.1%, oklch(32.41% 0.0939 326.11) 19.4%, oklch(33.92% 0.0980 328.01) 22.6%, oklch(35.41% 0.1014 330.99) 25.8%, oklch(36.92% 0.1044 335.35) 29.0%, oklch(38.49% 0.1073 340.86) 32.3%, oklch(40.10% 0.1100 347.15) 35.5%, oklch(41.77% 0.1124 353.88) 38.7%, oklch(43.50% 0.1148 0.67) 41.9%, oklch(45.27% 0.1169 7.16) 45.2%, oklch(47.10% 0.1189 13.01) 48.4%, oklch(48.98% 0.1208 17.94) 51.6%, oklch(50.96% 0.1226 22.44) 54.8%, oklch(53.02% 0.1244 26.62) 58.1%, oklch(55.13% 0.1260 30.54) 61.3%, oklch(57.27% 0.1273 34.23) 64.5%, oklch(59.42% 0.1284 37.74) 67.7%, oklch(61.56% 0.1292 41.10) 71.0%, oklch(63.66% 0.1295 44.35) 74.2%, oklch(65.78% 0.1293 47.56) 77.4%, oklch(68.07% 0.1285 50.73) 80.6%, oklch(70.43% 0.1271 53.80) 83.9%, oklch(72.77% 0.1255 56.70) 87.1%, oklch(74.99% 0.1238 59.36) 90.3%, oklch(76.99% 0.1222 61.71) 93.5%, oklch(78.66% 0.1208 63.70) 96.8%, oklch(79.92% 0.1199 65.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.07 | 324.8 |
| 2 | 0.35 | 0.101 | 330.1 |
| 3 | 0.48 | 0.12 | 375.6 |
| 4 | 0.642 | 0.13 | 405.2 |
| 5 | 0.799 | 0.12 | 425.2 |

## In these collections

- [Dark autumn color palette](https://grabient.com/dark-autumn-color-palette)

## Other forms

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