# Burnt orange smoky violet

Dark purple, pink, orange and green linear gradient with 40 colors: #2b272f, #2e2834, #332a39, #392c3f, #3f2e46, #48304c, #513253, #5b3459, #66355e, #723762, #7f3865, #8c3867, #993968, #a63966, #b33a63, #c03a5e, #cb3b58, #d53d4f, #df4045, #e64338, #ec4827, #f04d02, #ec5d00, #e76900, #e37400, #df7d00, #db8400, #d78c00, #d39200, #cf9800, #ca9e00, #c5a300, #c0a800, #baad00, #b4b200, #adb600, #a6bb00, #9fbf00, #97c200, #90c601. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark purple, pink, orange and green linear gradient
- Seed: `kSRwzZT8pKGDHS0`
- Page: https://grabient.com/kSRwzZT8pKGDHS0?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#2b272f` | `oklch(27.95% 0.0165 305.16)` | Black Onyx | white, 14.6 to 1 |
| 2 | `#2e2834` | `oklch(28.96% 0.0221 307.56)` | Black Safflower | white, 14.2 to 1 |
| 3 | `#332a39` | `oklch(30.18% 0.0289 310.35)` | Obsidian Red | white, 13.6 to 1 |
| 4 | `#392c3f` | `oklch(31.59% 0.0370 313.50)` | Spinel Violet | white, 13 to 1 |
| 5 | `#3f2e46` | `oklch(33.17% 0.0461 316.99)` | Jagger | white, 12.3 to 1 |
| 6 | `#48304c` | `oklch(34.90% 0.0561 320.78)` | Purple Pennant | white, 11.6 to 1 |
| 7 | `#513253` | `oklch(36.76% 0.0668 324.84)` | Purple Prose | white, 10.8 to 1 |
| 8 | `#5b3459` | `oklch(38.71% 0.0781 329.13)` | Spanish Plum | white, 10.1 to 1 |
| 9 | `#66355e` | `oklch(40.75% 0.0898 333.64)` | Opulent Purple | white, 9.3 to 1 |
| 10 | `#723762` | `oklch(42.84% 0.1017 338.33)` | Ayame Iris | white, 8.6 to 1 |
| 11 | `#7f3865` | `oklch(44.97% 0.1138 343.17)` | Pleasure | white, 7.9 to 1 |
| 12 | `#8c3867` | `oklch(47.11% 0.1258 348.12)` | Midnight Aubergine | white, 7.2 to 1 |
| 13 | `#993968` | `oklch(49.24% 0.1376 353.17)` | Powder Red | white, 6.6 to 1 |
| 14 | `#a63966` | `oklch(51.34% 0.1490 358.27)` | Valentine’s Day | white, 6.1 to 1 |
| 15 | `#b33a63` | `oklch(53.38% 0.1600 3.40)` | Cry of a Rose | white, 5.6 to 1 |
| 16 | `#c03a5e` | `oklch(55.35% 0.1702 8.53)` | Maroon Light | white, 5.2 to 1 |
| 17 | `#cb3b58` | `oklch(57.21% 0.1796 13.62)` | Nakabeni Pink | white, 4.8 to 1 |
| 18 | `#d53d4f` | `oklch(58.94% 0.1881 18.65)` | Smooch Rouge | black, 4.6 to 1 |
| 19 | `#df4045` | `oklch(60.54% 0.1954 23.59)` | Cute Crab | black, 4.9 to 1 |
| 20 | `#e64338` | `oklch(61.96% 0.2015 28.40)` | Carpaccio | black, 5.2 to 1 |
| 21 | `#ec4827` | `oklch(63.20% 0.2061 33.12)` | Heating Lamp | black, 5.5 to 1 |
| 22 | `#f04d02` | `oklch(64.36% 0.2097 38.07)` | Kimchi | black, 5.7 to 1 |
| 23 | `#ec5d00` | `oklch(65.45% 0.1930 43.24)` | Shu Red | black, 6.1 to 1 |
| 24 | `#e76900` | `oklch(66.46% 0.1793 48.63)` | Epicurean Orange | black, 6.4 to 1 |
| 25 | `#e37400` | `oklch(67.41% 0.1686 54.17)` | Martian Colony | black, 6.7 to 1 |
| 26 | `#df7d00` | `oklch(68.30% 0.1604 59.84)` | Orange Pepper | black, 7 to 1 |
| 27 | `#db8400` | `oklch(69.13% 0.1544 65.57)` | Fleur de Sel Caramel | black, 7.3 to 1 |
| 28 | `#d78c00` | `oklch(69.91% 0.1502 71.33)` | Fleur de Sel Caramel | black, 7.6 to 1 |
| 29 | `#d39200` | `oklch(70.63% 0.1477 77.08)` | Elysium Gold | black, 7.8 to 1 |
| 30 | `#cf9800` | `oklch(71.30% 0.1467 82.77)` | Leopard | black, 8.1 to 1 |
| 31 | `#ca9e00` | `oklch(71.92% 0.1470 88.35)` | Molten Bronze | black, 8.3 to 1 |
| 32 | `#c5a300` | `oklch(72.50% 0.1486 93.79)` | La Vida | black, 8.6 to 1 |
| 33 | `#c0a800` | `oklch(73.04% 0.1514 99.05)` | La Vida | black, 8.8 to 1 |
| 34 | `#baad00` | `oklch(73.55% 0.1554 104.07)` | Apple Jade | black, 9 to 1 |
| 35 | `#b4b200` | `oklch(74.02% 0.1604 108.82)` | Citronelle | black, 9.2 to 1 |
| 36 | `#adb600` | `oklch(74.46% 0.1664 113.25)` | Mustard Green | black, 9.4 to 1 |
| 37 | `#a6bb00` | `oklch(74.88% 0.1732 117.31)` | Dark Citron | black, 9.6 to 1 |
| 38 | `#9fbf00` | `oklch(75.27% 0.1805 120.98)` | Gross Green | black, 9.8 to 1 |
| 39 | `#97c200` | `oklch(75.63% 0.1882 124.20)` | Snot Green | black, 10 to 1 |
| 40 | `#90c601` | `oklch(75.98% 0.1957 126.92)` | Bergamot | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #2b272f 0.0%, #2e2834 2.6%, #332a39 5.1%, #392c3f 7.7%, #3f2e46 10.3%, #48304c 12.8%, #513253 15.4%, #5b3459 17.9%, #66355e 20.5%, #723762 23.1%, #7f3865 25.6%, #8c3867 28.2%, #993968 30.8%, #a63966 33.3%, #b33a63 35.9%, #c03a5e 38.5%, #cb3b58 41.0%, #d53d4f 43.6%, #df4045 46.2%, #e64338 48.7%, #ec4827 51.3%, #f04d02 53.8%, #ec5d00 56.4%, #e76900 59.0%, #e37400 61.5%, #df7d00 64.1%, #db8400 66.7%, #d78c00 69.2%, #d39200 71.8%, #cf9800 74.4%, #ca9e00 76.9%, #c5a300 79.5%, #c0a800 82.1%, #baad00 84.6%, #b4b200 87.2%, #adb600 89.7%, #a6bb00 92.3%, #9fbf00 94.9%, #97c200 97.4%, #90c601 100.0%);
background: linear-gradient(225deg in oklch, oklch(27.95% 0.0165 305.16) 0.0%, oklch(28.96% 0.0221 307.56) 2.6%, oklch(30.18% 0.0289 310.35) 5.1%, oklch(31.59% 0.0370 313.50) 7.7%, oklch(33.17% 0.0461 316.99) 10.3%, oklch(34.90% 0.0561 320.78) 12.8%, oklch(36.76% 0.0668 324.84) 15.4%, oklch(38.71% 0.0781 329.13) 17.9%, oklch(40.75% 0.0898 333.64) 20.5%, oklch(42.84% 0.1017 338.33) 23.1%, oklch(44.97% 0.1138 343.17) 25.6%, oklch(47.11% 0.1258 348.12) 28.2%, oklch(49.24% 0.1376 353.17) 30.8%, oklch(51.34% 0.1490 358.27) 33.3%, oklch(53.38% 0.1600 3.40) 35.9%, oklch(55.35% 0.1702 8.53) 38.5%, oklch(57.21% 0.1796 13.62) 41.0%, oklch(58.94% 0.1881 18.65) 43.6%, oklch(60.54% 0.1954 23.59) 46.2%, oklch(61.96% 0.2015 28.40) 48.7%, oklch(63.20% 0.2061 33.12) 51.3%, oklch(64.36% 0.2097 38.07) 53.8%, oklch(65.45% 0.1930 43.24) 56.4%, oklch(66.46% 0.1793 48.63) 59.0%, oklch(67.41% 0.1686 54.17) 61.5%, oklch(68.30% 0.1604 59.84) 64.1%, oklch(69.13% 0.1544 65.57) 66.7%, oklch(69.91% 0.1502 71.33) 69.2%, oklch(70.63% 0.1477 77.08) 71.8%, oklch(71.30% 0.1467 82.77) 74.4%, oklch(71.92% 0.1470 88.35) 76.9%, oklch(72.50% 0.1486 93.79) 79.5%, oklch(73.04% 0.1514 99.05) 82.1%, oklch(73.55% 0.1554 104.07) 84.6%, oklch(74.02% 0.1604 108.82) 87.2%, oklch(74.46% 0.1664 113.25) 89.7%, oklch(74.88% 0.1732 117.31) 92.3%, oklch(75.27% 0.1805 120.98) 94.9%, oklch(75.63% 0.1882 124.20) 97.4%, oklch(75.98% 0.1957 126.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.017 | 305.2 |
| 2 | 0.626 | 0.204 | 390.8 |
| 3 | 0.76 | 0.196 | 486.9 |

## In these collections

- [Halloween gradients](https://grabient.com/halloween-gradients)

## Other forms

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