# Plum and orange sweep

Purple, brown and black linear gradient with 32 colors: #8a5374, #88516c, #834d61, #7e4955, #774549, #70433f, #6a4137, #674131, #68422e, #6f482d, #7a502c, #885a2b, #976429, #a46e27, #b07426, #b77726, #b8722b, #b46834, #a95b40, #984d49, #82424d, #6c384d, #583048, #4a2a41, #41253a, #3c2232, #371f2b, #341d25, #311c20, #2e1b1b, #2b1b19, #291a17. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, brown and black linear gradient
- Seed: `kWgz30tRZHc8swgplTWHglGY`
- Page: https://grabient.com/kWgz30tRZHc8swgplTWHglGY?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#8a5374` | `oklch(51.57% 0.0841 343.83)` | Plum Highness | white, 5.8 to 1 |
| 2 | `#88516c` | `oklch(50.57% 0.0816 349.24)` | Raspberry Crush | white, 6.1 to 1 |
| 3 | `#834d61` | `oklch(48.98% 0.0776 356.81)` | Red Shrivel | white, 6.5 to 1 |
| 4 | `#7e4955` | `oklch(47.09% 0.0728 5.85)` | Haunting Melody | white, 7 to 1 |
| 5 | `#774549` | `oklch(45.14% 0.0679 15.65)` | Musk Memory | white, 7.6 to 1 |
| 6 | `#70433f` | `oklch(43.39% 0.0636 25.52)` | Roast Coffee | white, 8.2 to 1 |
| 7 | `#6a4137` | `oklch(42.10% 0.0606 34.74)` | Roasted Coffee | white, 8.6 to 1 |
| 8 | `#674131` | `oklch(41.53% 0.0596 42.62)` | Roasted Coffee | white, 8.8 to 1 |
| 9 | `#68422e` | `oklch(41.96% 0.0614 48.55)` | Triassic | white, 8.6 to 1 |
| 10 | `#6f482d` | `oklch(43.86% 0.0672 53.86)` | Fawn Brown | white, 7.9 to 1 |
| 11 | `#7a502c` | `oklch(46.96% 0.0762 58.93)` | Brown-Noser | white, 6.9 to 1 |
| 12 | `#885a2b` | `oklch(50.73% 0.0871 63.37)` | Treacle | white, 5.9 to 1 |
| 13 | `#976429` | `oklch(54.66% 0.0985 66.80)` | Retrofit | white, 5 to 1 |
| 14 | `#a46e27` | `oklch(58.23% 0.1090 68.83)` | Buckthorn Brown | black, 4.8 to 1 |
| 15 | `#b07426` | `oklch(60.93% 0.1173 69.06)` | Hamtaro Brown | black, 5.3 to 1 |
| 16 | `#b77726` | `oklch(62.24% 0.1220 67.11)` | Pirate Gold | black, 5.6 to 1 |
| 17 | `#b8722b` | `oklch(61.67% 0.1220 62.24)` | Copper | black, 5.5 to 1 |
| 18 | `#b46834` | `oklch(59.33% 0.1176 52.72)` | Mincemeat | black, 4.9 to 1 |
| 19 | `#a95b40` | `oklch(55.66% 0.1100 39.70)` | Gladiator Leather | white, 4.9 to 1 |
| 20 | `#984d49` | `oklch(51.12% 0.1002 24.78)` | Rembrandt Ruby | white, 6 to 1 |
| 21 | `#82424d` | `oklch(46.17% 0.0893 9.58)` | Dark Strawberry | white, 7.4 to 1 |
| 22 | `#6c384d` | `oklch(41.25% 0.0782 355.68)` | Venusian | white, 9.1 to 1 |
| 23 | `#583048` | `oklch(36.82% 0.0679 344.69)` | Winter Bloom | white, 10.8 to 1 |
| 24 | `#4a2a41` | `oklch(33.35% 0.0595 338.22)` | Purple Pennant | white, 12.4 to 1 |
| 25 | `#41253a` | `oklch(30.95% 0.0533 337.41)` | Profound Mauve | white, 13.5 to 1 |
| 26 | `#3c2232` | `oklch(29.07% 0.0476 341.33)` | Sitter Red | white, 14.3 to 1 |
| 27 | `#371f2b` | `oklch(27.58% 0.0425 348.68)` | Jasmin Beauty | white, 15 to 1 |
| 28 | `#341d25` | `oklch(26.43% 0.0378 358.20)` | Antique Burgundy | white, 15.5 to 1 |
| 29 | `#311c20` | `oklch(25.53% 0.0337 8.61)` | Black Kite | white, 15.9 to 1 |
| 30 | `#2e1b1b` | `oklch(24.81% 0.0302 18.64)` | Weathervane | white, 16.2 to 1 |
| 31 | `#2b1b19` | `oklch(24.20% 0.0272 27.00)` | Tetsu-Guro Black | white, 16.4 to 1 |
| 32 | `#291a17` | `oklch(23.62% 0.0248 32.44)` | Tetsu-Guro Black | white, 16.7 to 1 |

## CSS

```css
background: linear-gradient(315deg, #8a5374 0.0%, #88516c 3.2%, #834d61 6.5%, #7e4955 9.7%, #774549 12.9%, #70433f 16.1%, #6a4137 19.4%, #674131 22.6%, #68422e 25.8%, #6f482d 29.0%, #7a502c 32.3%, #885a2b 35.5%, #976429 38.7%, #a46e27 41.9%, #b07426 45.2%, #b77726 48.4%, #b8722b 51.6%, #b46834 54.8%, #a95b40 58.1%, #984d49 61.3%, #82424d 64.5%, #6c384d 67.7%, #583048 71.0%, #4a2a41 74.2%, #41253a 77.4%, #3c2232 80.6%, #371f2b 83.9%, #341d25 87.1%, #311c20 90.3%, #2e1b1b 93.5%, #2b1b19 96.8%, #291a17 100.0%);
background: linear-gradient(315deg in oklch, oklch(51.57% 0.0841 343.83) 0.0%, oklch(50.57% 0.0816 349.24) 3.2%, oklch(48.98% 0.0776 356.81) 6.5%, oklch(47.09% 0.0728 5.85) 9.7%, oklch(45.14% 0.0679 15.65) 12.9%, oklch(43.39% 0.0636 25.52) 16.1%, oklch(42.10% 0.0606 34.74) 19.4%, oklch(41.53% 0.0596 42.62) 22.6%, oklch(41.96% 0.0614 48.55) 25.8%, oklch(43.86% 0.0672 53.86) 29.0%, oklch(46.96% 0.0762 58.93) 32.3%, oklch(50.73% 0.0871 63.37) 35.5%, oklch(54.66% 0.0985 66.80) 38.7%, oklch(58.23% 0.1090 68.83) 41.9%, oklch(60.93% 0.1173 69.06) 45.2%, oklch(62.24% 0.1220 67.11) 48.4%, oklch(61.67% 0.1220 62.24) 51.6%, oklch(59.33% 0.1176 52.72) 54.8%, oklch(55.66% 0.1100 39.70) 58.1%, oklch(51.12% 0.1002 24.78) 61.3%, oklch(46.17% 0.0893 9.58) 64.5%, oklch(41.25% 0.0782 355.68) 67.7%, oklch(36.82% 0.0679 344.69) 71.0%, oklch(33.35% 0.0595 338.22) 74.2%, oklch(30.95% 0.0533 337.41) 77.4%, oklch(29.07% 0.0476 341.33) 80.6%, oklch(27.58% 0.0425 348.68) 83.9%, oklch(26.43% 0.0378 358.20) 87.1%, oklch(25.53% 0.0337 8.61) 90.3%, oklch(24.81% 0.0302 18.64) 93.5%, oklch(24.20% 0.0272 27.00) 96.8%, oklch(23.62% 0.0248 32.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.084 | 343.8 |
| 2 | 0.417 | 0.061 | 407.2 |
| 3 | 0.622 | 0.123 | 425.2 |
| 4 | 0.327 | 0.058 | 337.5 |
| 5 | 0.236 | 0.025 | 392.4 |

## In these collections

- [Mooncake candlelight](https://grabient.com/mooncake-candlelight)

## Other forms

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