# Purple, orange and pink linear gradient

Purple, orange and pink linear gradient with 56 colors: #653863, #6f3b65, #7e4066, #8f4765, #a24f61, #b45a5a, #c56750, #d17544, #da8337, #e09029, #e49a1d, #e79e11, #ea9b04, #ee9209, #f18420, #f07438, #ea6350, #df5466, #d04978, #bf4187, #b03d91, #a43a97, #9f3998, #a03994, #a73b8c, #b03e80, #ba4371, #c34c60, #c9574f, #cb6440, #cb7134, #ca7c2d, #c8842c, #c8892d, #ca892e, #ce872f, #d38232, #d87b39, #dd7344, #e06b52, #e06362, #df5d71, #dc587f, #d8558a, #d55391, #d25294, #d05194, #cf5093, #ce4f90, #cd4e8b, #cd4e86, #cc4d81, #cc4d7b, #cb4c77, #ca4c73, #ca4c71. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYaUHp37jMkK_s5WLsv0D82su7QU`
- Page: https://grabient.com/kYaUHp37jMkK_s5WLsv0D82su7QU?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 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 | `#653863` | `oklch(41.34% 0.0896 328.36)` | Wine Tour | white, 9.1 to 1 |
| 2 | `#6f3b65` | `oklch(43.36% 0.0933 334.85)` | Burnt Orchid | white, 8.3 to 1 |
| 3 | `#7e4066` | `oklch(46.20% 0.0982 344.13)` | Magician’s Cloak | white, 7.4 to 1 |
| 4 | `#8f4765` | `oklch(49.66% 0.1041 355.49)` | Violet Quartz | white, 6.4 to 1 |
| 5 | `#a24f61` | `oklch(53.54% 0.1107 8.20)` | Raspberry Patch | white, 5.4 to 1 |
| 6 | `#b45a5a` | `oklch(57.63% 0.1178 21.57)` | Wild Poppy | white, 4.6 to 1 |
| 7 | `#c56750` | `oklch(61.73% 0.1251 34.85)` | Raw Copper | black, 5.4 to 1 |
| 8 | `#d17544` | `oklch(65.63% 0.1323 47.35)` | Striking Orange | black, 6.3 to 1 |
| 9 | `#da8337` | `oklch(69.14% 0.1393 58.34)` | Sunlounge | black, 7.3 to 1 |
| 10 | `#e09029` | `oklch(72.03% 0.1456 67.10)` | Soft Pumpkin | black, 8.2 to 1 |
| 11 | `#e49a1d` | `oklch(74.12% 0.1512 72.93)` | Gamboge | black, 8.9 to 1 |
| 12 | `#e79e11` | `oklch(75.20% 0.1557 75.09)` | Hot Butter | black, 9.2 to 1 |
| 13 | `#ea9b04` | `oklch(75.11% 0.1595 72.75)` | Pumpkin Yellow | black, 9.2 to 1 |
| 14 | `#ee9209` | `oklch(73.98% 0.1630 66.15)` | Shiritorier’s Orange | black, 8.7 to 1 |
| 15 | `#f18420` | `oklch(72.03% 0.1661 56.23)` | À l’Orange | black, 8 to 1 |
| 16 | `#f07438` | `oklch(69.46% 0.1690 43.94)` | Orange Crush | black, 7.2 to 1 |
| 17 | `#ea6350` | `oklch(66.50% 0.1714 30.22)` | Connect Red | black, 6.3 to 1 |
| 18 | `#df5466` | `oklch(63.35% 0.1733 16.00)` | Nectarous Nectarine | black, 5.5 to 1 |
| 19 | `#d04978` | `oklch(60.24% 0.1748 2.24)` | Rubber Band | black, 4.8 to 1 |
| 20 | `#bf4187` | `oklch(57.37% 0.1758 349.86)` | Orchid Ecstasy | white, 4.8 to 1 |
| 21 | `#b03d91` | `oklch(54.96% 0.1762 339.81)` | Fandango | white, 5.3 to 1 |
| 22 | `#a43a97` | `oklch(53.22% 0.1759 333.04)` | Purple Cactus Flower | white, 5.7 to 1 |
| 23 | `#9f3998` | `oklch(52.36% 0.1750 330.47)` | Purple Cactus Flower | white, 5.9 to 1 |
| 24 | `#a03994` | `oklch(52.40% 0.1729 332.63)` | Purple Cactus Flower | white, 5.9 to 1 |
| 25 | `#a73b8c` | `oklch(53.10% 0.1693 338.81)` | Wild Aster | white, 5.7 to 1 |
| 26 | `#b03e80` | `oklch(54.34% 0.1645 348.14)` | Mystic Maroon | white, 5.4 to 1 |
| 27 | `#ba4371` | `oklch(55.98% 0.1589 359.75)` | Lilac Rose | white, 5 to 1 |
| 28 | `#c34c60` | `oklch(57.89% 0.1530 12.77)` | Claret Red | white, 4.6 to 1 |
| 29 | `#c9574f` | `oklch(59.94% 0.1469 26.34)` | Dark Salmon | black, 4.9 to 1 |
| 30 | `#cb6440` | `oklch(62.00% 0.1412 39.59)` | Zōng Hóng Red | black, 5.4 to 1 |
| 31 | `#cb7134` | `oklch(63.94% 0.1361 51.64)` | Ochre Pigment | black, 5.9 to 1 |
| 32 | `#ca7c2d` | `oklch(65.63% 0.1319 61.62)` | Polished Bronze | black, 6.4 to 1 |
| 33 | `#c8842c` | `oklch(66.93% 0.1292 68.67)` | Yam | black, 6.8 to 1 |
| 34 | `#c8892d` | `oklch(67.72% 0.1281 71.92)` | Gentleman’s Whiskey | black, 7 to 1 |
| 35 | `#ca892e` | `oklch(68.04% 0.1290 71.22)` | Gentleman’s Whiskey | black, 7.1 to 1 |
| 36 | `#ce872f` | `oklch(68.06% 0.1316 67.42)` | Pumpkin Squash | black, 7.1 to 1 |
| 37 | `#d38232` | `oklch(67.84% 0.1354 61.12)` | Rapakivi Granite | black, 6.9 to 1 |
| 38 | `#d87b39` | `oklch(67.43% 0.1403 52.93)` | Sweet Potato | black, 6.8 to 1 |
| 39 | `#dd7344` | `oklch(66.86% 0.1458 43.46)` | Northern Barrens Dust | black, 6.6 to 1 |
| 40 | `#e06b52` | `oklch(66.19% 0.1516 33.32)` | Dusty Orange | black, 6.3 to 1 |
| 41 | `#e06362` | `oklch(65.47% 0.1574 23.10)` | Briquette | black, 6.1 to 1 |
| 42 | `#df5d71` | `oklch(64.74% 0.1628 13.43)` | Swiss Chard | black, 5.9 to 1 |
| 43 | `#dc587f` | `oklch(64.05% 0.1675 4.90)` | Blush d’Amour | black, 5.7 to 1 |
| 44 | `#d8558a` | `oklch(63.45% 0.1713 358.13)` | Flirty Rose | black, 5.5 to 1 |
| 45 | `#d55391` | `oklch(62.99% 0.1736 353.72)` | Nova Pink | black, 5.4 to 1 |
| 46 | `#d25294` | `oklch(62.61% 0.1747 351.45)` | Nova Pink | black, 5.3 to 1 |
| 47 | `#d05194` | `oklch(62.23% 0.1749 350.53)` | Kirby | black, 5.3 to 1 |
| 48 | `#cf5093` | `oklch(61.84% 0.1744 350.73)` | Twinkly Pinkily | black, 5.2 to 1 |
| 49 | `#ce4f90` | `oklch(61.47% 0.1733 351.82)` | Twinkly Pinkily | black, 5.1 to 1 |
| 50 | `#cd4e8b` | `oklch(61.10% 0.1718 353.59)` | Pink Flambé | black, 5 to 1 |
| 51 | `#cd4e86` | `oklch(60.75% 0.1700 355.79)` | Pink Flambé | black, 5 to 1 |
| 52 | `#cc4d81` | `oklch(60.43% 0.1682 358.20)` | Pink Flambé | black, 4.9 to 1 |
| 53 | `#cc4d7b` | `oklch(60.13% 0.1663 0.58)` | Pink Flambé | black, 4.8 to 1 |
| 54 | `#cb4c77` | `oklch(59.86% 0.1647 2.72)` | Middle Safflower | black, 4.8 to 1 |
| 55 | `#ca4c73` | `oklch(59.63% 0.1634 4.39)` | Fruit Dove | black, 4.8 to 1 |
| 56 | `#ca4c71` | `oklch(59.45% 0.1626 5.35)` | Fruit Dove | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #653863 0.0%, #6f3b65 1.8%, #7e4066 3.6%, #8f4765 5.5%, #a24f61 7.3%, #b45a5a 9.1%, #c56750 10.9%, #d17544 12.7%, #da8337 14.5%, #e09029 16.4%, #e49a1d 18.2%, #e79e11 20.0%, #ea9b04 21.8%, #ee9209 23.6%, #f18420 25.5%, #f07438 27.3%, #ea6350 29.1%, #df5466 30.9%, #d04978 32.7%, #bf4187 34.5%, #b03d91 36.4%, #a43a97 38.2%, #9f3998 40.0%, #a03994 41.8%, #a73b8c 43.6%, #b03e80 45.5%, #ba4371 47.3%, #c34c60 49.1%, #c9574f 50.9%, #cb6440 52.7%, #cb7134 54.5%, #ca7c2d 56.4%, #c8842c 58.2%, #c8892d 60.0%, #ca892e 61.8%, #ce872f 63.6%, #d38232 65.5%, #d87b39 67.3%, #dd7344 69.1%, #e06b52 70.9%, #e06362 72.7%, #df5d71 74.5%, #dc587f 76.4%, #d8558a 78.2%, #d55391 80.0%, #d25294 81.8%, #d05194 83.6%, #cf5093 85.5%, #ce4f90 87.3%, #cd4e8b 89.1%, #cd4e86 90.9%, #cc4d81 92.7%, #cc4d7b 94.5%, #cb4c77 96.4%, #ca4c73 98.2%, #ca4c71 100.0%);
background: linear-gradient(135deg in oklch, oklch(41.34% 0.0896 328.36) 0.0%, oklch(43.36% 0.0933 334.85) 1.8%, oklch(46.20% 0.0982 344.13) 3.6%, oklch(49.66% 0.1041 355.49) 5.5%, oklch(53.54% 0.1107 8.20) 7.3%, oklch(57.63% 0.1178 21.57) 9.1%, oklch(61.73% 0.1251 34.85) 10.9%, oklch(65.63% 0.1323 47.35) 12.7%, oklch(69.14% 0.1393 58.34) 14.5%, oklch(72.03% 0.1456 67.10) 16.4%, oklch(74.12% 0.1512 72.93) 18.2%, oklch(75.20% 0.1557 75.09) 20.0%, oklch(75.11% 0.1595 72.75) 21.8%, oklch(73.98% 0.1630 66.15) 23.6%, oklch(72.03% 0.1661 56.23) 25.5%, oklch(69.46% 0.1690 43.94) 27.3%, oklch(66.50% 0.1714 30.22) 29.1%, oklch(63.35% 0.1733 16.00) 30.9%, oklch(60.24% 0.1748 2.24) 32.7%, oklch(57.37% 0.1758 349.86) 34.5%, oklch(54.96% 0.1762 339.81) 36.4%, oklch(53.22% 0.1759 333.04) 38.2%, oklch(52.36% 0.1750 330.47) 40.0%, oklch(52.40% 0.1729 332.63) 41.8%, oklch(53.10% 0.1693 338.81) 43.6%, oklch(54.34% 0.1645 348.14) 45.5%, oklch(55.98% 0.1589 359.75) 47.3%, oklch(57.89% 0.1530 12.77) 49.1%, oklch(59.94% 0.1469 26.34) 50.9%, oklch(62.00% 0.1412 39.59) 52.7%, oklch(63.94% 0.1361 51.64) 54.5%, oklch(65.63% 0.1319 61.62) 56.4%, oklch(66.93% 0.1292 68.67) 58.2%, oklch(67.72% 0.1281 71.92) 60.0%, oklch(68.04% 0.1290 71.22) 61.8%, oklch(68.06% 0.1316 67.42) 63.6%, oklch(67.84% 0.1354 61.12) 65.5%, oklch(67.43% 0.1403 52.93) 67.3%, oklch(66.86% 0.1458 43.46) 69.1%, oklch(66.19% 0.1516 33.32) 70.9%, oklch(65.47% 0.1574 23.10) 72.7%, oklch(64.74% 0.1628 13.43) 74.5%, oklch(64.05% 0.1675 4.90) 76.4%, oklch(63.45% 0.1713 358.13) 78.2%, oklch(62.99% 0.1736 353.72) 80.0%, oklch(62.61% 0.1747 351.45) 81.8%, oklch(62.23% 0.1749 350.53) 83.6%, oklch(61.84% 0.1744 350.73) 85.5%, oklch(61.47% 0.1733 351.82) 87.3%, oklch(61.10% 0.1718 353.59) 89.1%, oklch(60.75% 0.1700 355.79) 90.9%, oklch(60.43% 0.1682 358.20) 92.7%, oklch(60.13% 0.1663 0.58) 94.5%, oklch(59.86% 0.1647 2.72) 96.4%, oklch(59.63% 0.1634 4.39) 98.2%, oklch(59.45% 0.1626 5.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.09 | 328.4 |
| 2 | 0.752 | 0.156 | 435.1 |
| 3 | 0.524 | 0.175 | 330.5 |
| 4 | 0.677 | 0.128 | 431.9 |
| 5 | 0.63 | 0.174 | 353.7 |
| 6 | 0.594 | 0.163 | 365.3 |

## Other forms

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