# Vivid purple linear gradient

Vivid purple linear gradient with 64 colors: #5d42ca, #5f40c6, #613ec1, #623bbb, #6438b3, #6535ac, #6632a3, #672f9a, #672c91, #662987, #65267e, #642474, #63216c, #611f63, #5f1e5c, #5c1c54, #5a1b4e, #581a49, #561944, #551840, #53173d, #53173b, #53163a, #531639, #531539, #54153a, #56153a, #57143c, #59143d, #5b133f, #5e1342, #601245, #631248, #65114b, #68114f, #6b1053, #6d1057, #70105c, #720f60, #750f65, #770f69, #79106e, #7b1072, #7c1177, #7e127c, #801382, #811488, #83168e, #841895, #851b9c, #861da3, #8720ab, #8822b2, #8825ba, #8828c1, #882bc8, #882ecf, #8830d6, #8733dc, #8636e2, #8638e8, #853aed, #843cf1, #833ef4. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUfZHLKCRHLQ-vjHWztg`
- Page: https://grabient.com/kUfZHLKCRHLQ-vjHWztg?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: vivid, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#5d42ca` | `oklch(49.21% 0.1998 285.47)` | Dragonlord Purple | white, 6.7 to 1 |
| 2 | `#5f40c6` | `oklch(48.72% 0.1970 287.15)` | Dragonlord Purple | white, 6.9 to 1 |
| 3 | `#613ec1` | `oklch(48.10% 0.1934 289.23)` | Dragonlord Purple | white, 7.1 to 1 |
| 4 | `#623bbb` | `oklch(47.37% 0.1892 291.67)` | Purple Emperor | white, 7.3 to 1 |
| 5 | `#6438b3` | `oklch(46.54% 0.1844 294.44)` | Purple Emperor | white, 7.6 to 1 |
| 6 | `#6535ac` | `oklch(45.63% 0.1791 297.47)` | Purple Emperor | white, 7.9 to 1 |
| 7 | `#6632a3` | `oklch(44.65% 0.1733 300.73)` | Purple Heart | white, 8.2 to 1 |
| 8 | `#672f9a` | `oklch(43.61% 0.1673 304.18)` | Rebecca Purple | white, 8.6 to 1 |
| 9 | `#672c91` | `oklch(42.54% 0.1610 307.76)` | Lucid Dreams | white, 8.9 to 1 |
| 10 | `#662987` | `oklch(41.43% 0.1546 311.44)` | Sapphire Siren | white, 9.3 to 1 |
| 11 | `#65267e` | `oklch(40.32% 0.1482 315.17)` | Berry Blackmail | white, 9.8 to 1 |
| 12 | `#642474` | `oklch(39.21% 0.1417 318.90)` | Berry Blackmail | white, 10.2 to 1 |
| 13 | `#63216c` | `oklch(38.12% 0.1355 322.60)` | Blackest Berry | white, 10.6 to 1 |
| 14 | `#611f63` | `oklch(37.06% 0.1294 326.21)` | Blackest Berry | white, 11.1 to 1 |
| 15 | `#5f1e5c` | `oklch(36.05% 0.1236 329.70)` | Purple Velour | white, 11.5 to 1 |
| 16 | `#5c1c54` | `oklch(35.09% 0.1182 333.01)` | Purple Velour | white, 11.9 to 1 |
| 17 | `#5a1b4e` | `oklch(34.22% 0.1133 336.10)` | Grape Purple | white, 12.3 to 1 |
| 18 | `#581a49` | `oklch(33.44% 0.1090 338.93)` | Violet Carmine | white, 12.6 to 1 |
| 19 | `#561944` | `oklch(32.76% 0.1054 341.46)` | Violet Carmine | white, 12.9 to 1 |
| 20 | `#551840` | `oklch(32.20% 0.1024 343.64)` | Violet Carmine | white, 13.2 to 1 |
| 21 | `#53173d` | `oklch(31.77% 0.1004 345.42)` | Tulip Poplar Purple | white, 13.4 to 1 |
| 22 | `#53173b` | `oklch(31.50% 0.0992 346.76)` | Tulip Poplar Purple | white, 13.5 to 1 |
| 23 | `#53163a` | `oklch(31.35% 0.0989 347.72)` | Tulip Poplar Purple | white, 13.6 to 1 |
| 24 | `#531639` | `oklch(31.31% 0.0994 348.41)` | Tulip Poplar Purple | white, 13.6 to 1 |
| 25 | `#531539` | `oklch(31.37% 0.1005 348.84)` | Tulip Poplar Purple | white, 13.6 to 1 |
| 26 | `#54153a` | `oklch(31.52% 0.1022 349.03)` | Tulip Poplar Purple | white, 13.5 to 1 |
| 27 | `#56153a` | `oklch(31.75% 0.1045 349.00)` | Tulip Poplar Purple | white, 13.4 to 1 |
| 28 | `#57143c` | `oklch(32.06% 0.1073 348.76)` | Tulip Poplar Purple | white, 13.3 to 1 |
| 29 | `#59143d` | `oklch(32.43% 0.1105 348.33)` | Tulip Poplar Purple | white, 13.1 to 1 |
| 30 | `#5b133f` | `oklch(32.87% 0.1141 347.72)` | Mulberry Wood | white, 12.9 to 1 |
| 31 | `#5e1342` | `oklch(33.36% 0.1181 346.96)` | Spanish Purple | white, 12.7 to 1 |
| 32 | `#601245` | `oklch(33.89% 0.1223 346.07)` | Spanish Purple | white, 12.5 to 1 |
| 33 | `#631248` | `oklch(34.47% 0.1268 345.05)` | Grape Purple | white, 12.3 to 1 |
| 34 | `#65114b` | `oklch(35.08% 0.1314 343.93)` | Grape Purple | white, 12 to 1 |
| 35 | `#68114f` | `oklch(35.72% 0.1362 342.72)` | Grape Purple | white, 11.7 to 1 |
| 36 | `#6b1053` | `oklch(36.38% 0.1411 341.44)` | Rich Purple | white, 11.5 to 1 |
| 37 | `#6d1057` | `oklch(37.05% 0.1459 340.11)` | Rich Purple | white, 11.2 to 1 |
| 38 | `#70105c` | `oklch(37.73% 0.1507 338.74)` | Rich Purple | white, 10.9 to 1 |
| 39 | `#720f60` | `oklch(38.40% 0.1554 337.35)` | Liche Purple | white, 10.7 to 1 |
| 40 | `#750f65` | `oklch(39.07% 0.1600 335.96)` | Purple Curse | white, 10.4 to 1 |
| 41 | `#770f69` | `oklch(39.72% 0.1644 334.59)` | Purple Curse | white, 10.2 to 1 |
| 42 | `#79106e` | `oklch(40.35% 0.1685 333.25)` | Purple Curse | white, 9.9 to 1 |
| 43 | `#7b1072` | `oklch(40.94% 0.1722 331.97)` | Patriarch | white, 9.7 to 1 |
| 44 | `#7c1177` | `oklch(41.55% 0.1760 330.62)` | Pure Purple | white, 9.5 to 1 |
| 45 | `#7e127c` | `oklch(42.22% 0.1798 329.09)` | Philippine Violet | white, 9.2 to 1 |
| 46 | `#801382` | `oklch(42.92% 0.1839 327.42)` | Purple | white, 9 to 1 |
| 47 | `#811488` | `oklch(43.67% 0.1880 325.61)` | Violaceous Greti | white, 8.7 to 1 |
| 48 | `#83168e` | `oklch(44.45% 0.1923 323.69)` | Violaceous Greti | white, 8.5 to 1 |
| 49 | `#841895` | `oklch(45.25% 0.1966 321.68)` | Passionate Purple | white, 8.2 to 1 |
| 50 | `#851b9c` | `oklch(46.08% 0.2009 319.60)` | Passionate Purple | white, 7.9 to 1 |
| 51 | `#861da3` | `oklch(46.91% 0.2053 317.46)` | Passionate Purple | white, 7.7 to 1 |
| 52 | `#8720ab` | `oklch(47.76% 0.2096 315.29)` | Minesweeper’s Purple | white, 7.4 to 1 |
| 53 | `#8822b2` | `oklch(48.60% 0.2140 313.11)` | Pheromone Purple | white, 7.1 to 1 |
| 54 | `#8825ba` | `oklch(49.43% 0.2182 310.93)` | Pheromone Purple | white, 6.9 to 1 |
| 55 | `#8828c1` | `oklch(50.25% 0.2223 308.79)` | Pheromone Purple | white, 6.7 to 1 |
| 56 | `#882bc8` | `oklch(51.05% 0.2264 306.68)` | Lilac Spring | white, 6.4 to 1 |
| 57 | `#882ecf` | `oklch(51.82% 0.2302 304.65)` | Lilac Spring | white, 6.2 to 1 |
| 58 | `#8830d6` | `oklch(52.56% 0.2339 302.70)` | Thick Purple | white, 6.1 to 1 |
| 59 | `#8733dc` | `oklch(53.26% 0.2374 300.85)` | Thick Purple | white, 5.9 to 1 |
| 60 | `#8636e2` | `oklch(53.91% 0.2406 299.14)` | Thick Purple | white, 5.7 to 1 |
| 61 | `#8638e8` | `oklch(54.51% 0.2436 297.56)` | Thick Purple | white, 5.6 to 1 |
| 62 | `#853aed` | `oklch(55.04% 0.2463 296.16)` | Thick Purple | white, 5.4 to 1 |
| 63 | `#843cf1` | `oklch(55.51% 0.2487 294.94)` | Sweet Escape | white, 5.3 to 1 |
| 64 | `#833ef4` | `oklch(55.91% 0.2508 293.92)` | Sweet Escape | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #5d42ca 0.0%, #5f40c6 1.6%, #613ec1 3.2%, #623bbb 4.8%, #6438b3 6.3%, #6535ac 7.9%, #6632a3 9.5%, #672f9a 11.1%, #672c91 12.7%, #662987 14.3%, #65267e 15.9%, #642474 17.5%, #63216c 19.0%, #611f63 20.6%, #5f1e5c 22.2%, #5c1c54 23.8%, #5a1b4e 25.4%, #581a49 27.0%, #561944 28.6%, #551840 30.2%, #53173d 31.7%, #53173b 33.3%, #53163a 34.9%, #531639 36.5%, #531539 38.1%, #54153a 39.7%, #56153a 41.3%, #57143c 42.9%, #59143d 44.4%, #5b133f 46.0%, #5e1342 47.6%, #601245 49.2%, #631248 50.8%, #65114b 52.4%, #68114f 54.0%, #6b1053 55.6%, #6d1057 57.1%, #70105c 58.7%, #720f60 60.3%, #750f65 61.9%, #770f69 63.5%, #79106e 65.1%, #7b1072 66.7%, #7c1177 68.3%, #7e127c 69.8%, #801382 71.4%, #811488 73.0%, #83168e 74.6%, #841895 76.2%, #851b9c 77.8%, #861da3 79.4%, #8720ab 81.0%, #8822b2 82.5%, #8825ba 84.1%, #8828c1 85.7%, #882bc8 87.3%, #882ecf 88.9%, #8830d6 90.5%, #8733dc 92.1%, #8636e2 93.7%, #8638e8 95.2%, #853aed 96.8%, #843cf1 98.4%, #833ef4 100.0%);
background: linear-gradient(135deg in oklch, oklch(49.21% 0.1998 285.47) 0.0%, oklch(48.72% 0.1970 287.15) 1.6%, oklch(48.10% 0.1934 289.23) 3.2%, oklch(47.37% 0.1892 291.67) 4.8%, oklch(46.54% 0.1844 294.44) 6.3%, oklch(45.63% 0.1791 297.47) 7.9%, oklch(44.65% 0.1733 300.73) 9.5%, oklch(43.61% 0.1673 304.18) 11.1%, oklch(42.54% 0.1610 307.76) 12.7%, oklch(41.43% 0.1546 311.44) 14.3%, oklch(40.32% 0.1482 315.17) 15.9%, oklch(39.21% 0.1417 318.90) 17.5%, oklch(38.12% 0.1355 322.60) 19.0%, oklch(37.06% 0.1294 326.21) 20.6%, oklch(36.05% 0.1236 329.70) 22.2%, oklch(35.09% 0.1182 333.01) 23.8%, oklch(34.22% 0.1133 336.10) 25.4%, oklch(33.44% 0.1090 338.93) 27.0%, oklch(32.76% 0.1054 341.46) 28.6%, oklch(32.20% 0.1024 343.64) 30.2%, oklch(31.77% 0.1004 345.42) 31.7%, oklch(31.50% 0.0992 346.76) 33.3%, oklch(31.35% 0.0989 347.72) 34.9%, oklch(31.31% 0.0994 348.41) 36.5%, oklch(31.37% 0.1005 348.84) 38.1%, oklch(31.52% 0.1022 349.03) 39.7%, oklch(31.75% 0.1045 349.00) 41.3%, oklch(32.06% 0.1073 348.76) 42.9%, oklch(32.43% 0.1105 348.33) 44.4%, oklch(32.87% 0.1141 347.72) 46.0%, oklch(33.36% 0.1181 346.96) 47.6%, oklch(33.89% 0.1223 346.07) 49.2%, oklch(34.47% 0.1268 345.05) 50.8%, oklch(35.08% 0.1314 343.93) 52.4%, oklch(35.72% 0.1362 342.72) 54.0%, oklch(36.38% 0.1411 341.44) 55.6%, oklch(37.05% 0.1459 340.11) 57.1%, oklch(37.73% 0.1507 338.74) 58.7%, oklch(38.40% 0.1554 337.35) 60.3%, oklch(39.07% 0.1600 335.96) 61.9%, oklch(39.72% 0.1644 334.59) 63.5%, oklch(40.35% 0.1685 333.25) 65.1%, oklch(40.94% 0.1722 331.97) 66.7%, oklch(41.55% 0.1760 330.62) 68.3%, oklch(42.22% 0.1798 329.09) 69.8%, oklch(42.92% 0.1839 327.42) 71.4%, oklch(43.67% 0.1880 325.61) 73.0%, oklch(44.45% 0.1923 323.69) 74.6%, oklch(45.25% 0.1966 321.68) 76.2%, oklch(46.08% 0.2009 319.60) 77.8%, oklch(46.91% 0.2053 317.46) 79.4%, oklch(47.76% 0.2096 315.29) 81.0%, oklch(48.60% 0.2140 313.11) 82.5%, oklch(49.43% 0.2182 310.93) 84.1%, oklch(50.25% 0.2223 308.79) 85.7%, oklch(51.05% 0.2264 306.68) 87.3%, oklch(51.82% 0.2302 304.65) 88.9%, oklch(52.56% 0.2339 302.70) 90.5%, oklch(53.26% 0.2374 300.85) 92.1%, oklch(53.91% 0.2406 299.14) 93.7%, oklch(54.51% 0.2436 297.56) 95.2%, oklch(55.04% 0.2463 296.16) 96.8%, oklch(55.51% 0.2487 294.94) 98.4%, oklch(55.91% 0.2508 293.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.2 | 285.5 |
| 2 | 0.315 | 0.099 | 346.8 |
| 3 | 0.409 | 0.172 | 332 |
| 4 | 0.559 | 0.251 | 293.9 |

## In these collections

- [Synthwave gradients](https://grabient.com/synthwave-gradients)

## Other forms

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