# Vivid dark purple and maroon angular gradient

Vivid dark purple and maroon angular gradient with 32 colors: #4e1434, #511536, #551739, #5b183c, #601a40, #671c43, #6d1f47, #74224b, #7a264e, #822b52, #8a3156, #93385a, #9c3f5d, #a34561, #a94a63, #ad4d65, #ae4d65, #ad4b63, #aa4761, #a6425e, #a03c5b, #993657, #913053, #8a2b4f, #81274a, #762345, #6a203f, #5e1c39, #531932, #48162c, #401328, #3a1224. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWTET5M61AcYuwW3r78oBi_I`
- Page: https://grabient.com/kWTET5M61AcYuwW3r78oBi_I?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.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 | `#4e1434` | `oklch(29.92% 0.0937 350.16)` | Chilli Black Red | white, 14.2 to 1 |
| 2 | `#511536` | `oklch(30.74% 0.0963 350.43)` | Tulip Poplar Purple | white, 13.8 to 1 |
| 3 | `#551739` | `oklch(31.81% 0.1000 350.74)` | Tulip Poplar Purple | white, 13.4 to 1 |
| 4 | `#5b183c` | `oklch(33.08% 0.1044 351.10)` | Soul Anchor | white, 12.8 to 1 |
| 5 | `#601a40` | `oklch(34.51% 0.1092 351.54)` | Soul Anchor | white, 12.1 to 1 |
| 6 | `#671c43` | `oklch(36.06% 0.1140 352.09)` | Pompadour | white, 11.5 to 1 |
| 7 | `#6d1f47` | `oklch(37.67% 0.1183 352.77)` | Pompadour | white, 10.8 to 1 |
| 8 | `#74224b` | `oklch(39.32% 0.1220 353.62)` | Dried Flower Purple | white, 10.1 to 1 |
| 9 | `#7a264e` | `oklch(40.97% 0.1245 354.67)` | Pico Eggplant | white, 9.4 to 1 |
| 10 | `#822b52` | `oklch(42.96% 0.1262 356.16)` | Raspberry Radiance | white, 8.7 to 1 |
| 11 | `#8a3156` | `oklch(45.27% 0.1272 358.02)` | Rosebud Cherry | white, 7.8 to 1 |
| 12 | `#93385a` | `oklch(47.71% 0.1277 0.07)` | Forward Fuchsia | white, 7.1 to 1 |
| 13 | `#9c3f5d` | `oklch(50.08% 0.1278 2.16)` | Velvet Wine | white, 6.4 to 1 |
| 14 | `#a34561` | `oklch(52.20% 0.1278 4.08)` | Ancient Fuchsia | white, 5.8 to 1 |
| 15 | `#a94a63` | `oklch(53.87% 0.1278 5.68)` | Glazed Raspberry | white, 5.4 to 1 |
| 16 | `#ad4d65` | `oklch(54.90% 0.1280 6.77)` | Gala Pink | white, 5.2 to 1 |
| 17 | `#ae4d65` | `oklch(55.13% 0.1285 7.19)` | Gala Pink | white, 5.1 to 1 |
| 18 | `#ad4b63` | `oklch(54.65% 0.1298 7.03)` | Gala Pink | white, 5.2 to 1 |
| 19 | `#aa4761` | `oklch(53.61% 0.1315 6.43)` | Hot | white, 5.5 to 1 |
| 20 | `#a6425e` | `oklch(52.12% 0.1332 5.49)` | Speaking of the Devil | white, 5.8 to 1 |
| 21 | `#a03c5b` | `oklch(50.32% 0.1345 4.35)` | Boysenberry Pink | white, 6.3 to 1 |
| 22 | `#993657` | `oklch(48.31% 0.1350 3.13)` | Cardinal Red | white, 6.9 to 1 |
| 23 | `#913053` | `oklch(46.23% 0.1342 1.95)` | That’s My Jam | white, 7.6 to 1 |
| 24 | `#8a2b4f` | `oklch(44.19% 0.1318 0.94)` | Disco | white, 8.2 to 1 |
| 25 | `#81274a` | `oklch(42.11% 0.1271 0.08)` | Red Plum | white, 9 to 1 |
| 26 | `#762345` | `oklch(39.64% 0.1198 359.17)` | Caviar Couture | white, 9.9 to 1 |
| 27 | `#6a203f` | `oklch(36.91% 0.1107 358.22)` | Pompadour | white, 11.1 to 1 |
| 28 | `#5e1c39` | `oklch(34.09% 0.1007 357.27)` | Soul Anchor | white, 12.3 to 1 |
| 29 | `#531932` | `oklch(31.34% 0.0905 356.38)` | Tulip Poplar Purple | white, 13.5 to 1 |
| 30 | `#48162c` | `oklch(28.83% 0.0810 355.57)` | Blackberry | white, 14.7 to 1 |
| 31 | `#401328` | `oklch(26.73% 0.0731 354.89)` | What We Do in the Shadows | white, 15.6 to 1 |
| 32 | `#3a1224` | `oklch(25.20% 0.0675 354.38)` | Chocolate Kiss | white, 16.3 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #4e1434 0.0%, #511536 3.2%, #551739 6.5%, #5b183c 9.7%, #601a40 12.9%, #671c43 16.1%, #6d1f47 19.4%, #74224b 22.6%, #7a264e 25.8%, #822b52 29.0%, #8a3156 32.3%, #93385a 35.5%, #9c3f5d 38.7%, #a34561 41.9%, #a94a63 45.2%, #ad4d65 48.4%, #ae4d65 51.6%, #ad4b63 54.8%, #aa4761 58.1%, #a6425e 61.3%, #a03c5b 64.5%, #993657 67.7%, #913053 71.0%, #8a2b4f 74.2%, #81274a 77.4%, #762345 80.6%, #6a203f 83.9%, #5e1c39 87.1%, #531932 90.3%, #48162c 93.5%, #401328 96.8%, #3a1224 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(29.92% 0.0937 350.16) 0.0%, oklch(30.74% 0.0963 350.43) 3.2%, oklch(31.81% 0.1000 350.74) 6.5%, oklch(33.08% 0.1044 351.10) 9.7%, oklch(34.51% 0.1092 351.54) 12.9%, oklch(36.06% 0.1140 352.09) 16.1%, oklch(37.67% 0.1183 352.77) 19.4%, oklch(39.32% 0.1220 353.62) 22.6%, oklch(40.97% 0.1245 354.67) 25.8%, oklch(42.96% 0.1262 356.16) 29.0%, oklch(45.27% 0.1272 358.02) 32.3%, oklch(47.71% 0.1277 0.07) 35.5%, oklch(50.08% 0.1278 2.16) 38.7%, oklch(52.20% 0.1278 4.08) 41.9%, oklch(53.87% 0.1278 5.68) 45.2%, oklch(54.90% 0.1280 6.77) 48.4%, oklch(55.13% 0.1285 7.19) 51.6%, oklch(54.65% 0.1298 7.03) 54.8%, oklch(53.61% 0.1315 6.43) 58.1%, oklch(52.12% 0.1332 5.49) 61.3%, oklch(50.32% 0.1345 4.35) 64.5%, oklch(48.31% 0.1350 3.13) 67.7%, oklch(46.23% 0.1342 1.95) 71.0%, oklch(44.19% 0.1318 0.94) 74.2%, oklch(42.11% 0.1271 0.08) 77.4%, oklch(39.64% 0.1198 359.17) 80.6%, oklch(36.91% 0.1107 358.22) 83.9%, oklch(34.09% 0.1007 357.27) 87.1%, oklch(31.34% 0.0905 356.38) 90.3%, oklch(28.83% 0.0810 355.57) 93.5%, oklch(26.73% 0.0731 354.89) 96.8%, oklch(25.20% 0.0675 354.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.094 | 350.2 |
| 2 | 0.406 | 0.124 | 354.4 |
| 3 | 0.551 | 0.128 | 367.1 |
| 4 | 0.437 | 0.131 | 360.7 |
| 5 | 0.252 | 0.068 | 354.4 |

## In these collections

- [Warm swatches](https://grabient.com/warm-swatches)
- [Moody swatches](https://grabient.com/moody-swatches)
- [Burgundy swatches](https://grabient.com/burgundy-swatches)
- [Maroon color palette](https://grabient.com/maroon-color-palette)

## Other forms

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