# Warm dark purple, salmon and tan angular gradient

Warm dark purple, salmon and tan angular gradient with 32 colors: #361b2e, #3e1e32, #4a2038, #58243e, #662943, #742e49, #83364f, #913f55, #a0485b, #ae5260, #bb5d63, #c76966, #d27568, #da806a, #e18b6c, #e5976e, #e7a271, #e5a875, #e0a779, #d69e7b, #c7917b, #b4837a, #a37777, #946b74, #846072, #74556f, #644c6b, #554464, #483c5b, #3c3551, #332e48, #2d2a42. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcRCXyMaPB8YrwbZKkLYqJC00UOq3FLhJg-9Q`
- Page: https://grabient.com/kcRCXyMaPB8YrwbZKkLYqJC00UOq3FLhJg-9Q?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#361b2e` | `oklch(26.77% 0.0510 340.31)` | Nightly Voyager | white, 15.4 to 1 |
| 2 | `#3e1e32` | `oklch(28.62% 0.0589 343.03)` | Jasmin Beauty | white, 14.6 to 1 |
| 3 | `#4a2038` | `oklch(31.23% 0.0703 346.92)` | Prestige Mauve | white, 13.4 to 1 |
| 4 | `#58243e` | `oklch(34.32% 0.0829 351.33)` | Zinfandel | white, 12.1 to 1 |
| 5 | `#662943` | `oklch(37.59% 0.0941 355.60)` | Witch Soup | white, 10.7 to 1 |
| 6 | `#742e49` | `oklch(40.88% 0.1021 359.16)` | Flirt | white, 9.3 to 1 |
| 7 | `#83364f` | `oklch(44.46% 0.1086 2.24)` | Velvet Rose | white, 8 to 1 |
| 8 | `#913f55` | `oklch(48.23% 0.1138 5.25)` | Umemurasaki Purple | white, 6.8 to 1 |
| 9 | `#a0485b` | `oklch(52.01% 0.1176 8.58)` | Drisheen | white, 5.8 to 1 |
| 10 | `#ae5260` | `oklch(55.62% 0.1202 12.66)` | Grenadine | white, 5 to 1 |
| 11 | `#bb5d63` | `oklch(59.25% 0.1211 17.61)` | Her Velour | black, 4.8 to 1 |
| 12 | `#c76966` | `oklch(62.89% 0.1207 23.16)` | Cuban Plaza | black, 5.6 to 1 |
| 13 | `#d27568` | `oklch(66.32% 0.1190 28.98)` | Light Tomato | black, 6.4 to 1 |
| 14 | `#da806a` | `oklch(69.33% 0.1166 34.73)` | Summer Sunset | black, 7.3 to 1 |
| 15 | `#e18b6c` | `oklch(71.98% 0.1134 40.99)` | Canyon Sunset | black, 8.1 to 1 |
| 16 | `#e5976e` | `oklch(74.64% 0.1093 48.88)` | Peachy Maroney | black, 9 to 1 |
| 17 | `#e7a271` | `oklch(76.78% 0.1043 56.21)` | Florida Mango | black, 9.7 to 1 |
| 18 | `#e5a875` | `oklch(77.82% 0.0984 60.60)` | Golden Patina | black, 10.2 to 1 |
| 19 | `#e0a779` | `oklch(77.16% 0.0916 59.74)` | Thai Ice Tea | black, 9.9 to 1 |
| 20 | `#d69e7b` | `oklch(74.44% 0.0825 53.36)` | Darling Clementine | black, 9 to 1 |
| 21 | `#c7917b` | `oklch(70.32% 0.0722 43.16)` | African Bubinga | black, 7.7 to 1 |
| 22 | `#b4837a` | `oklch(65.63% 0.0626 30.82)` | Brandy Rose | black, 6.4 to 1 |
| 23 | `#a37777` | `oklch(61.19% 0.0558 18.01)` | Burlwood | black, 5.4 to 1 |
| 24 | `#946b74` | `oklch(57.24% 0.0531 4.39)` | Full Glass | black, 4.6 to 1 |
| 25 | `#846072` | `oklch(53.19% 0.0536 348.47)` | Majestic Plum | white, 5.3 to 1 |
| 26 | `#74556f` | `oklch(49.18% 0.0555 332.35)` | Cembra Blossom | white, 6.3 to 1 |
| 27 | `#644c6b` | `oklch(45.35% 0.0568 318.17)` | Futaai Indigo | white, 7.5 to 1 |
| 28 | `#554464` | `oklch(41.80% 0.0557 307.87)` | Nightly Walk | white, 8.7 to 1 |
| 29 | `#483c5b` | `oklch(38.23% 0.0527 300.71)` | Purple Velvet | white, 10.1 to 1 |
| 30 | `#3c3551` | `oklch(34.84% 0.0489 295.74)` | Maharaja | white, 11.5 to 1 |
| 31 | `#332e48` | `oklch(31.96% 0.0452 292.26)` | Plum Fuzz | white, 12.8 to 1 |
| 32 | `#2d2a42` | `oklch(29.92% 0.0427 289.59)` | Viola Black | white, 13.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #361b2e 0.0%, #3e1e32 3.2%, #4a2038 6.5%, #58243e 9.7%, #662943 12.9%, #742e49 16.1%, #83364f 19.4%, #913f55 22.6%, #a0485b 25.8%, #ae5260 29.0%, #bb5d63 32.3%, #c76966 35.5%, #d27568 38.7%, #da806a 41.9%, #e18b6c 45.2%, #e5976e 48.4%, #e7a271 51.6%, #e5a875 54.8%, #e0a779 58.1%, #d69e7b 61.3%, #c7917b 64.5%, #b4837a 67.7%, #a37777 71.0%, #946b74 74.2%, #846072 77.4%, #74556f 80.6%, #644c6b 83.9%, #554464 87.1%, #483c5b 90.3%, #3c3551 93.5%, #332e48 96.8%, #2d2a42 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(26.77% 0.0510 340.31) 0.0%, oklch(28.62% 0.0589 343.03) 3.2%, oklch(31.23% 0.0703 346.92) 6.5%, oklch(34.32% 0.0829 351.33) 9.7%, oklch(37.59% 0.0941 355.60) 12.9%, oklch(40.88% 0.1021 359.16) 16.1%, oklch(44.46% 0.1086 2.24) 19.4%, oklch(48.23% 0.1138 5.25) 22.6%, oklch(52.01% 0.1176 8.58) 25.8%, oklch(55.62% 0.1202 12.66) 29.0%, oklch(59.25% 0.1211 17.61) 32.3%, oklch(62.89% 0.1207 23.16) 35.5%, oklch(66.32% 0.1190 28.98) 38.7%, oklch(69.33% 0.1166 34.73) 41.9%, oklch(71.98% 0.1134 40.99) 45.2%, oklch(74.64% 0.1093 48.88) 48.4%, oklch(76.78% 0.1043 56.21) 51.6%, oklch(77.82% 0.0984 60.60) 54.8%, oklch(77.16% 0.0916 59.74) 58.1%, oklch(74.44% 0.0825 53.36) 61.3%, oklch(70.32% 0.0722 43.16) 64.5%, oklch(65.63% 0.0626 30.82) 67.7%, oklch(61.19% 0.0558 18.01) 71.0%, oklch(57.24% 0.0531 4.39) 74.2%, oklch(53.19% 0.0536 348.47) 77.4%, oklch(49.18% 0.0555 332.35) 80.6%, oklch(45.35% 0.0568 318.17) 83.9%, oklch(41.80% 0.0557 307.87) 87.1%, oklch(38.23% 0.0527 300.71) 90.3%, oklch(34.84% 0.0489 295.74) 93.5%, oklch(31.96% 0.0452 292.26) 96.8%, oklch(29.92% 0.0427 289.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.051 | 340.3 |
| 2 | 0.39 | 0.098 | 357.2 |
| 3 | 0.551 | 0.12 | 372 |
| 4 | 0.701 | 0.116 | 396.3 |
| 5 | 0.776 | 0.094 | 420.6 |
| 6 | 0.606 | 0.055 | 376.2 |
| 7 | 0.433 | 0.056 | 311.8 |
| 8 | 0.299 | 0.043 | 289.6 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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