# Vivid tritone purple, pink and peach linear gradient

Vivid tritone purple, pink and peach linear gradient with 32 colors: #392263, #3d2469, #412873, #472c7e, #4e3189, #553594, #5e389d, #673aa2, #723ca4, #7d3ca4, #893da3, #953d9f, #a03e9b, #ab4098, #b64193, #c1448e, #cc4688, #d54a81, #de4f7a, #e55673, #ea5e6c, #ee6666, #f06f62, #f2795f, #f3845e, #f58f5f, #f69c64, #f7aa6d, #f8b879, #f8c586, #f9cf93, #f9d79c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYUVDSuLlAES-xBRwURXrNEHGexE`
- Page: https://grabient.com/kYUVDSuLlAES-xBRwURXrNEHGexE?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 9.6 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 | `#392263` | `oklch(31.89% 0.1102 296.02)` | Christalle | white, 13.2 to 1 |
| 2 | `#3d2469` | `oklch(33.24% 0.1155 295.76)` | Fading Horizon | white, 12.6 to 1 |
| 3 | `#412873` | `oklch(35.13% 0.1230 295.09)` | Clear Purple | white, 11.8 to 1 |
| 4 | `#472c7e` | `oklch(37.36% 0.1318 294.42)` | Windsor | white, 10.8 to 1 |
| 5 | `#4e3189` | `oklch(39.74% 0.1409 294.16)` | Sick Blue | white, 9.9 to 1 |
| 6 | `#553594` | `oklch(42.06% 0.1493 294.72)` | Blue Magenta Violet | white, 9 to 1 |
| 7 | `#5e389d` | `oklch(44.12% 0.1560 296.53)` | Rebecca Purple | white, 8.3 to 1 |
| 8 | `#673aa2` | `oklch(45.86% 0.1607 299.90)` | Purple Heart | white, 7.7 to 1 |
| 9 | `#723ca4` | `oklch(47.44% 0.1641 304.66)` | Shiner | white, 7.2 to 1 |
| 10 | `#7d3ca4` | `oklch(48.93% 0.1665 310.41)` | Shiner | white, 6.8 to 1 |
| 11 | `#893da3` | `oklch(50.37% 0.1684 316.74)` | Pleasant Purple | white, 6.4 to 1 |
| 12 | `#953d9f` | `oklch(51.81% 0.1700 323.26)` | Medium Purple | white, 6 to 1 |
| 13 | `#a03e9b` | `oklch(53.31% 0.1716 329.57)` | Aged Purple | white, 5.7 to 1 |
| 14 | `#ab4098` | `oklch(54.90% 0.1734 335.45)` | Purple Cactus Flower | white, 5.3 to 1 |
| 15 | `#b64193` | `oklch(56.52% 0.1757 341.39)` | Safflower Purple | white, 5 to 1 |
| 16 | `#c1448e` | `oklch(58.17% 0.1780 347.41)` | Boat Orchid | white, 4.6 to 1 |
| 17 | `#cc4688` | `oklch(59.84% 0.1799 353.46)` | Smitten | black, 4.7 to 1 |
| 18 | `#d54a81` | `oklch(61.51% 0.1808 359.48)` | Pickled Pink | black, 5.1 to 1 |
| 19 | `#de4f7a` | `oklch(63.18% 0.1803 5.43)` | Feverish Passion | black, 5.5 to 1 |
| 20 | `#e55673` | `oklch(64.82% 0.1780 11.24)` | Bara Red | black, 5.8 to 1 |
| 21 | `#ea5e6c` | `oklch(66.39% 0.1739 16.91)` | Pink Pepper | black, 6.3 to 1 |
| 22 | `#ee6666` | `oklch(67.92% 0.1683 22.49)` | Coral Commander | black, 6.7 to 1 |
| 23 | `#f06f62` | `oklch(69.47% 0.1617 28.03)` | Mild Heart Attack | black, 7.1 to 1 |
| 24 | `#f2795f` | `oklch(71.09% 0.1544 33.59)` | Adventure Island Pink | black, 7.6 to 1 |
| 25 | `#f3845e` | `oklch(72.86% 0.1467 39.22)` | Bonfire | black, 8.2 to 1 |
| 26 | `#f58f5f` | `oklch(74.83% 0.1390 44.98)` | Orange Slice | black, 8.9 to 1 |
| 27 | `#f69c64` | `oklch(77.23% 0.1299 51.39)` | Indian Paintbrush | black, 9.8 to 1 |
| 28 | `#f7aa6d` | `oklch(79.98% 0.1195 58.27)` | Florida Sunrise | black, 10.9 to 1 |
| 29 | `#f8b879` | `oklch(82.81% 0.1088 65.15)` | Mellow Apricot | black, 12.1 to 1 |
| 30 | `#f8c586` | `oklch(85.48% 0.0987 71.52)` | Arts & Crafts Gold | black, 13.3 to 1 |
| 31 | `#f9cf93` | `oklch(87.75% 0.0902 76.90)` | Maple Elixir | black, 14.4 to 1 |
| 32 | `#f9d79c` | `oklch(89.37% 0.0841 80.79)` | Phoenix Fossil | black, 15.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #392263 0.0%, #3d2469 3.2%, #412873 6.5%, #472c7e 9.7%, #4e3189 12.9%, #553594 16.1%, #5e389d 19.4%, #673aa2 22.6%, #723ca4 25.8%, #7d3ca4 29.0%, #893da3 32.3%, #953d9f 35.5%, #a03e9b 38.7%, #ab4098 41.9%, #b64193 45.2%, #c1448e 48.4%, #cc4688 51.6%, #d54a81 54.8%, #de4f7a 58.1%, #e55673 61.3%, #ea5e6c 64.5%, #ee6666 67.7%, #f06f62 71.0%, #f2795f 74.2%, #f3845e 77.4%, #f58f5f 80.6%, #f69c64 83.9%, #f7aa6d 87.1%, #f8b879 90.3%, #f8c586 93.5%, #f9cf93 96.8%, #f9d79c 100.0%);
background: linear-gradient(90deg in oklch, oklch(31.89% 0.1102 296.02) 0.0%, oklch(33.24% 0.1155 295.76) 3.2%, oklch(35.13% 0.1230 295.09) 6.5%, oklch(37.36% 0.1318 294.42) 9.7%, oklch(39.74% 0.1409 294.16) 12.9%, oklch(42.06% 0.1493 294.72) 16.1%, oklch(44.12% 0.1560 296.53) 19.4%, oklch(45.86% 0.1607 299.90) 22.6%, oklch(47.44% 0.1641 304.66) 25.8%, oklch(48.93% 0.1665 310.41) 29.0%, oklch(50.37% 0.1684 316.74) 32.3%, oklch(51.81% 0.1700 323.26) 35.5%, oklch(53.31% 0.1716 329.57) 38.7%, oklch(54.90% 0.1734 335.45) 41.9%, oklch(56.52% 0.1757 341.39) 45.2%, oklch(58.17% 0.1780 347.41) 48.4%, oklch(59.84% 0.1799 353.46) 51.6%, oklch(61.51% 0.1808 359.48) 54.8%, oklch(63.18% 0.1803 5.43) 58.1%, oklch(64.82% 0.1780 11.24) 61.3%, oklch(66.39% 0.1739 16.91) 64.5%, oklch(67.92% 0.1683 22.49) 67.7%, oklch(69.47% 0.1617 28.03) 71.0%, oklch(71.09% 0.1544 33.59) 74.2%, oklch(72.86% 0.1467 39.22) 77.4%, oklch(74.83% 0.1390 44.98) 80.6%, oklch(77.23% 0.1299 51.39) 83.9%, oklch(79.98% 0.1195 58.27) 87.1%, oklch(82.81% 0.1088 65.15) 90.3%, oklch(85.48% 0.0987 71.52) 93.5%, oklch(87.75% 0.0902 76.90) 96.8%, oklch(89.37% 0.0841 80.79) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.11 | 296 |
| 2 | 0.445 | 0.157 | 297.1 |
| 3 | 0.539 | 0.172 | 331.9 |
| 4 | 0.642 | 0.179 | 368.9 |
| 5 | 0.744 | 0.141 | 403.8 |
| 6 | 0.894 | 0.084 | 440.8 |

## In these collections

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

## Other forms

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