# Purple vermilion festival sweep

Orange, purple, brown and black linear gradient with 40 colors: #faa300, #fa961c, #f88437, #f07050, #e15f68, #cc517c, #b3478c, #994196, #803c9a, #6d379a, #603396, #5a2e92, #58298c, #592285, #5d1b7d, #621473, #680c69, #6e045e, #740054, #7a004c, #800346, #8a1141, #95203d, #a22f39, #ae4036, #b85035, #c15e35, #c66a38, #c8713c, #c77440, #c07043, #b56645, #a55946, #914a45, #7b3b42, #642d3d, #4e2035, #3a162d, #2b0d26, #210820. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Orange, purple, brown and black linear gradient
- Seed: `kWx3ozN7iwjE5xjRLMaGBU2Q`
- Page: https://grabient.com/kWx3ozN7iwjE5xjRLMaGBU2Q?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.2 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 | `#faa300` | `oklch(78.35% 0.1680 71.71)` | Mad for Mango | black, 10.3 to 1 |
| 2 | `#fa961c` | `oklch(76.08% 0.1673 62.89)` | Texas Sunset | black, 9.4 to 1 |
| 3 | `#f88437` | `oklch(72.99% 0.1661 50.42)` | Peach Fury | black, 8.3 to 1 |
| 4 | `#f07050` | `oklch(69.27% 0.1647 35.32)` | Royal Blush | black, 7.1 to 1 |
| 5 | `#e15f68` | `oklch(65.14% 0.1632 18.59)` | Briquette | black, 6 to 1 |
| 6 | `#cc517c` | `oklch(60.80% 0.1615 1.26)` | Middle Safflower | black, 5 to 1 |
| 7 | `#b3478c` | `oklch(56.45% 0.1599 344.33)` | Purple Orchid | white, 4.9 to 1 |
| 8 | `#994196` | `oklch(52.32% 0.1585 328.82)` | Medium Purple | white, 5.9 to 1 |
| 9 | `#803c9a` | `oklch(48.59% 0.1572 315.74)` | Cadmium Violet | white, 6.9 to 1 |
| 10 | `#6d379a` | `oklch(45.49% 0.1562 306.10)` | Purple Heart | white, 7.8 to 1 |
| 11 | `#603396` | `oklch(43.20% 0.1556 300.87)` | Lucid Dreams | white, 8.6 to 1 |
| 12 | `#5a2e92` | `oklch(41.39% 0.1556 299.58)` | Night Fever | white, 9.3 to 1 |
| 13 | `#58298c` | `oklch(39.88% 0.1561 301.38)` | Night Fever | white, 9.9 to 1 |
| 14 | `#592285` | `oklch(38.68% 0.1569 305.69)` | Kalish Violet | white, 10.5 to 1 |
| 15 | `#5d1b7d` | `oklch(37.80% 0.1579 311.92)` | Purplex | white, 10.9 to 1 |
| 16 | `#621473` | `oklch(37.22% 0.1589 319.49)` | Deep Daitoku Purple | white, 11.2 to 1 |
| 17 | `#680c69` | `oklch(36.96% 0.1597 327.82)` | Purple Dreamer | white, 11.3 to 1 |
| 18 | `#6e045e` | `oklch(37.02% 0.1601 336.33)` | Hexed Lichen | white, 11.3 to 1 |
| 19 | `#740054` | `oklch(37.42% 0.1595 344.46)` | Rich Purple | white, 11.1 to 1 |
| 20 | `#7a004c` | `oklch(38.12% 0.1582 351.59)` | Lucky Wine | white, 10.8 to 1 |
| 21 | `#800346` | `oklch(39.26% 0.1576 357.55)` | Renanthera Orchid | white, 10.3 to 1 |
| 22 | `#8a1141` | `oklch(41.49% 0.1554 4.39)` | Manually Pressed Grapes | white, 9.4 to 1 |
| 23 | `#95203d` | `oklch(44.61% 0.1527 12.07)` | Berry Rossi | white, 8.2 to 1 |
| 24 | `#a22f39` | `oklch(48.29% 0.1496 20.12)` | Cherry Kiss | white, 6.9 to 1 |
| 25 | `#ae4036` | `oklch(52.20% 0.1462 28.09)` | Medium Carmine | white, 5.8 to 1 |
| 26 | `#b85035` | `oklch(56.03% 0.1423 35.53)` | Hot Chilli | white, 4.9 to 1 |
| 27 | `#c15e35` | `oklch(59.45% 0.1382 41.97)` | Civara | black, 4.9 to 1 |
| 28 | `#c66a38` | `oklch(62.13% 0.1337 46.97)` | Burnt Copper | black, 5.5 to 1 |
| 29 | `#c8713c` | `oklch(63.75% 0.1289 50.07)` | Zest | black, 5.9 to 1 |
| 30 | `#c77440` | `oklch(63.98% 0.1239 50.82)` | Zest | black, 5.9 to 1 |
| 31 | `#c07043` | `oklch(62.50% 0.1184 48.60)` | Screaming Bell Metal | black, 5.6 to 1 |
| 32 | `#b56645` | `oklch(59.36% 0.1119 43.20)` | Reynard | black, 4.9 to 1 |
| 33 | `#a55946` | `oklch(54.93% 0.1046 35.30)` | Cajun Red | white, 5 to 1 |
| 34 | `#914a45` | `oklch(49.58% 0.0969 25.59)` | Red Clay | white, 6.4 to 1 |
| 35 | `#7b3b42` | `oklch(43.67% 0.0890 14.79)` | Carmen | white, 8.2 to 1 |
| 36 | `#642d3d` | `oklch(37.59% 0.0813 3.61)` | Power Tie | white, 10.6 to 1 |
| 37 | `#4e2035` | `oklch(31.69% 0.0740 352.75)` | Chilli Black Red | white, 13.2 to 1 |
| 38 | `#3a162d` | `oklch(26.37% 0.0674 342.93)` | Nightly Voyager | white, 15.7 to 1 |
| 39 | `#2b0d26` | `oklch(21.98% 0.0620 334.85)` | Dark Prom Queen | white, 17.6 to 1 |
| 40 | `#210820` | `oklch(18.90% 0.0579 329.21)` | Meški Black | white, 18.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #faa300 0.0%, #fa961c 2.6%, #f88437 5.1%, #f07050 7.7%, #e15f68 10.3%, #cc517c 12.8%, #b3478c 15.4%, #994196 17.9%, #803c9a 20.5%, #6d379a 23.1%, #603396 25.6%, #5a2e92 28.2%, #58298c 30.8%, #592285 33.3%, #5d1b7d 35.9%, #621473 38.5%, #680c69 41.0%, #6e045e 43.6%, #740054 46.2%, #7a004c 48.7%, #800346 51.3%, #8a1141 53.8%, #95203d 56.4%, #a22f39 59.0%, #ae4036 61.5%, #b85035 64.1%, #c15e35 66.7%, #c66a38 69.2%, #c8713c 71.8%, #c77440 74.4%, #c07043 76.9%, #b56645 79.5%, #a55946 82.1%, #914a45 84.6%, #7b3b42 87.2%, #642d3d 89.7%, #4e2035 92.3%, #3a162d 94.9%, #2b0d26 97.4%, #210820 100.0%);
background: linear-gradient(45deg in oklch, oklch(78.35% 0.1680 71.71) 0.0%, oklch(76.08% 0.1673 62.89) 2.6%, oklch(72.99% 0.1661 50.42) 5.1%, oklch(69.27% 0.1647 35.32) 7.7%, oklch(65.14% 0.1632 18.59) 10.3%, oklch(60.80% 0.1615 1.26) 12.8%, oklch(56.45% 0.1599 344.33) 15.4%, oklch(52.32% 0.1585 328.82) 17.9%, oklch(48.59% 0.1572 315.74) 20.5%, oklch(45.49% 0.1562 306.10) 23.1%, oklch(43.20% 0.1556 300.87) 25.6%, oklch(41.39% 0.1556 299.58) 28.2%, oklch(39.88% 0.1561 301.38) 30.8%, oklch(38.68% 0.1569 305.69) 33.3%, oklch(37.80% 0.1579 311.92) 35.9%, oklch(37.22% 0.1589 319.49) 38.5%, oklch(36.96% 0.1597 327.82) 41.0%, oklch(37.02% 0.1601 336.33) 43.6%, oklch(37.42% 0.1595 344.46) 46.2%, oklch(38.12% 0.1582 351.59) 48.7%, oklch(39.26% 0.1576 357.55) 51.3%, oklch(41.49% 0.1554 4.39) 53.8%, oklch(44.61% 0.1527 12.07) 56.4%, oklch(48.29% 0.1496 20.12) 59.0%, oklch(52.20% 0.1462 28.09) 61.5%, oklch(56.03% 0.1423 35.53) 64.1%, oklch(59.45% 0.1382 41.97) 66.7%, oklch(62.13% 0.1337 46.97) 69.2%, oklch(63.75% 0.1289 50.07) 71.8%, oklch(63.98% 0.1239 50.82) 74.4%, oklch(62.50% 0.1184 48.60) 76.9%, oklch(59.36% 0.1119 43.20) 79.5%, oklch(54.93% 0.1046 35.30) 82.1%, oklch(49.58% 0.0969 25.59) 84.6%, oklch(43.67% 0.0890 14.79) 87.2%, oklch(37.59% 0.0813 3.61) 89.7%, oklch(31.69% 0.0740 352.75) 92.3%, oklch(26.37% 0.0674 342.93) 94.9%, oklch(21.98% 0.0620 334.85) 97.4%, oklch(18.90% 0.0579 329.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.168 | 71.7 |
| 2 | 0.437 | 0.156 | -58.3 |
| 3 | 0.386 | 0.158 | -5.4 |
| 4 | 0.638 | 0.123 | 50.6 |
| 5 | 0.189 | 0.058 | -30.8 |

## In these collections

- [Diwali gradients](https://grabient.com/diwali-gradients)

## Other forms

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