# Dark purple, orange, gray and dark gray linear gradient

Dark purple, orange, gray and dark gray linear gradient with 64 colors: #39203a, #3d203d, #422040, #482043, #4f1f46, #571e49, #5f1c4c, #68194e, #72164f, #7c114f, #870b4d, #92044a, #9d0045, #a7003d, #b10933, #b91825, #c0280d, #bf4300, #be5900, #bf6d00, #c08000, #bf9300, #b9a837, #b1ba61, #acca84, #add7a4, #b3e1bf, #bee8d3, #cbece2, #d8efea, #e2efee, #e8eeed, #e9e9e9, #e2e2e2, #d8d8d8, #cacaca, #bababa, #a8a8a8, #969696, #838383, #717171, #606060, #4f504f, #414341, #363834, #2d2f2a, #272923, #252720, #262821, #2a2c25, #31332b, #3a3c34, #464840, #53564d, #62665d, #72776d, #84897f, #959c92, #a7aea4, #b7c0b5, #c7d0c6, #d5dfd5, #e1ebe1, #e9f4ea. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSSrnwkXHneBU6iBLbeYbDI`
- Page: https://grabient.com/kWSSrnwkXHneBU6iBLbeYbDI?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 13.4 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 | `#39203a` | `oklch(28.74% 0.0579 325.55)` | Kokimurasaki Purple | white, 14.5 to 1 |
| 2 | `#3d203d` | `oklch(29.53% 0.0632 327.65)` | Kokimurasaki Purple | white, 14.2 to 1 |
| 3 | `#422040` | `oklch(30.43% 0.0706 329.89)` | Purple Void | white, 13.8 to 1 |
| 4 | `#482043` | `oklch(31.44% 0.0797 332.30)` | Opulent Mauve | white, 13.4 to 1 |
| 5 | `#4f1f46` | `oklch(32.54% 0.0901 334.90)` | Violet Carmine | white, 12.9 to 1 |
| 6 | `#571e49` | `oklch(33.75% 0.1015 337.72)` | Violet Carmine | white, 12.4 to 1 |
| 7 | `#5f1c4c` | `oklch(35.04% 0.1135 340.79)` | Grape Purple | white, 11.9 to 1 |
| 8 | `#68194e` | `oklch(36.43% 0.1258 344.15)` | Pompadour | white, 11.4 to 1 |
| 9 | `#72164f` | `oklch(37.91% 0.1380 347.82)` | Velvet | white, 10.8 to 1 |
| 10 | `#7c114f` | `oklch(39.47% 0.1498 351.83)` | French Plum | white, 10.2 to 1 |
| 11 | `#870b4d` | `oklch(41.11% 0.1608 356.20)` | Renanthera Orchid | white, 9.6 to 1 |
| 12 | `#92044a` | `oklch(42.84% 0.1707 0.98)` | Mulberry | white, 8.9 to 1 |
| 13 | `#9d0045` | `oklch(44.63% 0.1791 6.19)` | Celestial Pink | white, 8.3 to 1 |
| 14 | `#a7003d` | `oklch(46.50% 0.1857 11.85)` | Screamer Pink | white, 7.7 to 1 |
| 15 | `#b10933` | `oklch(48.43% 0.1901 17.99)` | Barbados Cherry | white, 7.1 to 1 |
| 16 | `#b91825` | `oklch(50.43% 0.1920 24.66)` | Ruby Star | white, 6.5 to 1 |
| 17 | `#c0280d` | `oklch(52.51% 0.1910 31.90)` | Once Bitten | white, 5.9 to 1 |
| 18 | `#bf4300` | `oklch(54.99% 0.1709 40.49)` | Mahogany | white, 5.2 to 1 |
| 19 | `#be5900` | `oklch(57.95% 0.1519 50.59)` | Sebright Chicken | black, 4.6 to 1 |
| 20 | `#bf6d00` | `oklch(61.28% 0.1412 61.90)` | Thai Curry | black, 5.3 to 1 |
| 21 | `#c08000` | `oklch(64.89% 0.1374 74.16)` | Turmeric Brown | black, 6.3 to 1 |
| 22 | `#bf9300` | `oklch(68.66% 0.1404 87.10)` | Moutarde de Bénichon | black, 7.4 to 1 |
| 23 | `#b9a837` | `oklch(72.52% 0.1305 100.46)` | Hey Pesto | black, 8.6 to 1 |
| 24 | `#b1ba61` | `oklch(76.35% 0.1149 113.95)` | Beach Bag | black, 10.1 to 1 |
| 25 | `#acca84` | `oklch(80.06% 0.0988 127.33)` | Wonder Woods | black, 11.5 to 1 |
| 26 | `#add7a4` | `oklch(83.55% 0.0827 140.32)` | In Good Taste | black, 13 to 1 |
| 27 | `#b3e1bf` | `oklch(86.73% 0.0668 152.65)` | Fringy Flower | black, 14.4 to 1 |
| 28 | `#bee8d3` | `oklch(89.48% 0.0516 164.07)` | Maypole | black, 15.6 to 1 |
| 29 | `#cbece2` | `oklch(91.73% 0.0376 174.31)` | Ineffable Ice Cap | black, 16.6 to 1 |
| 30 | `#d8efea` | `oklch(93.36% 0.0250 183.10)` | Light Spirited | black, 17.4 to 1 |
| 31 | `#e2efee` | `oklch(94.27% 0.0143 190.17)` | Himalayan Mist | black, 17.8 to 1 |
| 32 | `#e8eeed` | `oklch(94.38% 0.0060 195.26)` | Brooklet | black, 17.8 to 1 |
| 33 | `#e9e9e9` | `oklch(93.52% 0.0001 198.09)` | Snowbank | black, 17.3 to 1 |
| 34 | `#e2e2e2` | `oklch(91.39% 0.0000 89.88)` | Teapot | black, 16.2 to 1 |
| 35 | `#d8d8d8` | `oklch(88.11% 0.0000 89.88)` | Gliding Feather | black, 14.6 to 1 |
| 36 | `#cacaca` | `oklch(83.87% 0.0000 89.88)` | Leadbelcher | black, 12.8 to 1 |
| 37 | `#bababa` | `oklch(78.87% 0.0000 89.88)` | Baby Talk Grey | black, 10.8 to 1 |
| 38 | `#a8a8a8` | `oklch(73.27% 0.0000 89.88)` | Uniform Grey | black, 8.8 to 1 |
| 39 | `#969696` | `oklch(67.29% 0.0000 89.88)` | Shark Fin | black, 7 to 1 |
| 40 | `#838383` | `oklch(61.10% 0.0000 89.88)` | Squant | black, 5.5 to 1 |
| 41 | `#717171` | `oklch(54.89% 0.0000 89.88)` | Dull | white, 4.8 to 1 |
| 42 | `#606060` | `oklch(48.85% 0.0000 89.88)` | Kettleman | white, 6.3 to 1 |
| 43 | `#4f504f` | `oklch(43.18% 0.0021 146.84)` | Fiftieth Shade of Grey | white, 8 to 1 |
| 44 | `#414341` | `oklch(38.05% 0.0048 139.61)` | Balsamic Reduction | white, 9.9 to 1 |
| 45 | `#363834` | `oklch(33.66% 0.0073 133.08)` | Charcoal | white, 11.8 to 1 |
| 46 | `#2d2f2a` | `oklch(30.20% 0.0095 127.50)` | Eternity | white, 13.5 to 1 |
| 47 | `#272923` | `oklch(27.85% 0.0112 123.14)` | Maire | white, 14.6 to 1 |
| 48 | `#252720` | `oklch(26.81% 0.0123 120.28)` | Bitter Liquorice | white, 15.1 to 1 |
| 49 | `#262821` | `oklch(27.19% 0.0128 118.91)` | Maire | white, 14.9 to 1 |
| 50 | `#2a2c25` | `oklch(28.83% 0.0132 118.44)` | Green Waterloo | white, 14.1 to 1 |
| 51 | `#31332b` | `oklch(31.57% 0.0137 118.75)` | Black Powder | white, 12.8 to 1 |
| 52 | `#3a3c34` | `oklch(35.25% 0.0141 119.74)` | Black Olive | white, 11.1 to 1 |
| 53 | `#464840` | `oklch(39.72% 0.0145 121.30)` | Parkview | white, 9.2 to 1 |
| 54 | `#53564d` | `oklch(44.82% 0.0150 123.33)` | Twilight Forest | white, 7.4 to 1 |
| 55 | `#62665d` | `oklch(50.38% 0.0153 125.73)` | Cast Iron | white, 5.8 to 1 |
| 56 | `#72776d` | `oklch(56.26% 0.0157 128.40)` | Silver Maple Green | black, 4.5 to 1 |
| 57 | `#84897f` | `oklch(62.30% 0.0161 131.24)` | Turtle Bay | black, 5.8 to 1 |
| 58 | `#959c92` | `oklch(68.33% 0.0164 134.15)` | Acacia Haze | black, 7.4 to 1 |
| 59 | `#a7aea4` | `oklch(74.21% 0.0167 137.02)` | Light Drizzle | black, 9.2 to 1 |
| 60 | `#b7c0b5` | `oklch(79.76% 0.0170 139.75)` | Opalescence | black, 11.2 to 1 |
| 61 | `#c7d0c6` | `oklch(84.85% 0.0173 142.25)` | Fountain Foam | black, 13.2 to 1 |
| 62 | `#d5dfd5` | `oklch(89.30% 0.0175 144.41)` | Hornet Nest | black, 15.3 to 1 |
| 63 | `#e1ebe1` | `oklch(92.96% 0.0177 146.13)` | Country Mist | black, 17.1 to 1 |
| 64 | `#e9f4ea` | `oklch(95.67% 0.0179 147.31)` | Aqua Spring | black, 18.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #39203a 0.0%, #3d203d 1.6%, #422040 3.2%, #482043 4.8%, #4f1f46 6.3%, #571e49 7.9%, #5f1c4c 9.5%, #68194e 11.1%, #72164f 12.7%, #7c114f 14.3%, #870b4d 15.9%, #92044a 17.5%, #9d0045 19.0%, #a7003d 20.6%, #b10933 22.2%, #b91825 23.8%, #c0280d 25.4%, #bf4300 27.0%, #be5900 28.6%, #bf6d00 30.2%, #c08000 31.7%, #bf9300 33.3%, #b9a837 34.9%, #b1ba61 36.5%, #acca84 38.1%, #add7a4 39.7%, #b3e1bf 41.3%, #bee8d3 42.9%, #cbece2 44.4%, #d8efea 46.0%, #e2efee 47.6%, #e8eeed 49.2%, #e9e9e9 50.8%, #e2e2e2 52.4%, #d8d8d8 54.0%, #cacaca 55.6%, #bababa 57.1%, #a8a8a8 58.7%, #969696 60.3%, #838383 61.9%, #717171 63.5%, #606060 65.1%, #4f504f 66.7%, #414341 68.3%, #363834 69.8%, #2d2f2a 71.4%, #272923 73.0%, #252720 74.6%, #262821 76.2%, #2a2c25 77.8%, #31332b 79.4%, #3a3c34 81.0%, #464840 82.5%, #53564d 84.1%, #62665d 85.7%, #72776d 87.3%, #84897f 88.9%, #959c92 90.5%, #a7aea4 92.1%, #b7c0b5 93.7%, #c7d0c6 95.2%, #d5dfd5 96.8%, #e1ebe1 98.4%, #e9f4ea 100.0%);
background: linear-gradient(135deg in oklch, oklch(28.74% 0.0579 325.55) 0.0%, oklch(29.53% 0.0632 327.65) 1.6%, oklch(30.43% 0.0706 329.89) 3.2%, oklch(31.44% 0.0797 332.30) 4.8%, oklch(32.54% 0.0901 334.90) 6.3%, oklch(33.75% 0.1015 337.72) 7.9%, oklch(35.04% 0.1135 340.79) 9.5%, oklch(36.43% 0.1258 344.15) 11.1%, oklch(37.91% 0.1380 347.82) 12.7%, oklch(39.47% 0.1498 351.83) 14.3%, oklch(41.11% 0.1608 356.20) 15.9%, oklch(42.84% 0.1707 0.98) 17.5%, oklch(44.63% 0.1791 6.19) 19.0%, oklch(46.50% 0.1857 11.85) 20.6%, oklch(48.43% 0.1901 17.99) 22.2%, oklch(50.43% 0.1920 24.66) 23.8%, oklch(52.51% 0.1910 31.90) 25.4%, oklch(54.99% 0.1709 40.49) 27.0%, oklch(57.95% 0.1519 50.59) 28.6%, oklch(61.28% 0.1412 61.90) 30.2%, oklch(64.89% 0.1374 74.16) 31.7%, oklch(68.66% 0.1404 87.10) 33.3%, oklch(72.52% 0.1305 100.46) 34.9%, oklch(76.35% 0.1149 113.95) 36.5%, oklch(80.06% 0.0988 127.33) 38.1%, oklch(83.55% 0.0827 140.32) 39.7%, oklch(86.73% 0.0668 152.65) 41.3%, oklch(89.48% 0.0516 164.07) 42.9%, oklch(91.73% 0.0376 174.31) 44.4%, oklch(93.36% 0.0250 183.10) 46.0%, oklch(94.27% 0.0143 190.17) 47.6%, oklch(94.38% 0.0060 195.26) 49.2%, oklch(93.52% 0.0001 198.09) 50.8%, oklch(91.39% 0.0000 89.88) 52.4%, oklch(88.11% 0.0000 89.88) 54.0%, oklch(83.87% 0.0000 89.88) 55.6%, oklch(78.87% 0.0000 89.88) 57.1%, oklch(73.27% 0.0000 89.88) 58.7%, oklch(67.29% 0.0000 89.88) 60.3%, oklch(61.10% 0.0000 89.88) 61.9%, oklch(54.89% 0.0000 89.88) 63.5%, oklch(48.85% 0.0000 89.88) 65.1%, oklch(43.18% 0.0021 146.84) 66.7%, oklch(38.05% 0.0048 139.61) 68.3%, oklch(33.66% 0.0073 133.08) 69.8%, oklch(30.20% 0.0095 127.50) 71.4%, oklch(27.85% 0.0112 123.14) 73.0%, oklch(26.81% 0.0123 120.28) 74.6%, oklch(27.19% 0.0128 118.91) 76.2%, oklch(28.83% 0.0132 118.44) 77.8%, oklch(31.57% 0.0137 118.75) 79.4%, oklch(35.25% 0.0141 119.74) 81.0%, oklch(39.72% 0.0145 121.30) 82.5%, oklch(44.82% 0.0150 123.33) 84.1%, oklch(50.38% 0.0153 125.73) 85.7%, oklch(56.26% 0.0157 128.40) 87.3%, oklch(62.30% 0.0161 131.24) 88.9%, oklch(68.33% 0.0164 134.15) 90.5%, oklch(74.21% 0.0167 137.02) 92.1%, oklch(79.76% 0.0170 139.75) 93.7%, oklch(84.85% 0.0173 142.25) 95.2%, oklch(89.30% 0.0175 144.41) 96.8%, oklch(92.96% 0.0177 146.13) 98.4%, oklch(95.67% 0.0179 147.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.287 | 0.058 | 325.5 |
| 2 | 0.52 | 0.192 | 390 |
| 3 | 0.941 | 0.003 | 557 |
| 4 | 0.268 | 0.012 | 479.8 |
| 5 | 0.957 | 0.018 | 507.3 |

## Other forms

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