# Coral orange violet rings

Purple, orange, lavender and pink linear gradient with 40 colors: #3d1e5b, #4c2363, #632a6d, #7f3274, #a03c78, #c04776, #dd546f, #f36165, #ff6f5d, #ff7e5d, #ff875a, #ff8c53, #ff8e4b, #ff8e45, #ff8d45, #ff8e4f, #ff8f62, #ff917d, #fd949c, #f49bb9, #e7a3d0, #d9abde, #cdb1e3, #c6b2e4, #c3b0e2, #c4a7dd, #c899d2, #d089bf, #d779a4, #dc6c85, #dd6369, #dd6157, #de6557, #e06e64, #e27a79, #e48890, #e597a6, #e5a5b9, #e4b1c6, #e4bacd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, orange, lavender and pink linear gradient
- Seed: `kYT03Y2kLJ2C3wflGjO0jlKOmUO0`
- Page: https://grabient.com/kYT03Y2kLJ2C3wflGjO0jlKOmUO0?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.9 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 | `#3d1e5b` | `oklch(31.10% 0.1061 304.45)` | Christalle | white, 13.6 to 1 |
| 2 | `#4c2363` | `oklch(34.51% 0.1130 311.57)` | Fading Horizon | white, 12.1 to 1 |
| 3 | `#632a6d` | `oklch(39.33% 0.1230 321.57)` | Imperial | white, 10.1 to 1 |
| 4 | `#7f3274` | `oklch(45.08% 0.1351 333.51)` | Veronica Purple | white, 7.9 to 1 |
| 5 | `#a03c78` | `oklch(51.29% 0.1479 346.45)` | Maximum Red Purple | white, 6.1 to 1 |
| 6 | `#c04776` | `oklch(57.50% 0.1603 359.43)` | Love Lord | white, 4.7 to 1 |
| 7 | `#dd546f` | `oklch(63.24% 0.1712 11.51)` | Rosy Cheeks | black, 5.5 to 1 |
| 8 | `#f36165` | `oklch(68.03% 0.1794 21.73)` | Dubarry | black, 6.7 to 1 |
| 9 | `#ff6f5d` | `oklch(71.42% 0.1795 29.22)` | Grapefruit Pulp | black, 7.6 to 1 |
| 10 | `#ff7e5d` | `oklch(73.58% 0.1643 35.41)` | Sunset Papaya | black, 8.4 to 1 |
| 11 | `#ff875a` | `oklch(74.87% 0.1577 40.99)` | Nectarine | black, 8.8 to 1 |
| 12 | `#ff8c53` | `oklch(75.51% 0.1568 45.60)` | Paradise Bird | black, 9.1 to 1 |
| 13 | `#ff8e4b` | `oklch(75.71% 0.1589 48.92)` | Orangish | black, 9.2 to 1 |
| 14 | `#ff8e45` | `oklch(75.68% 0.1613 50.60)` | Orangish | black, 9.1 to 1 |
| 15 | `#ff8d45` | `oklch(75.61% 0.1614 50.30)` | Orangish | black, 9.1 to 1 |
| 16 | `#ff8e4f` | `oklch(75.74% 0.1572 47.67)` | Boredom Buster | black, 9.2 to 1 |
| 17 | `#ff8f62` | `oklch(76.22% 0.1481 42.08)` | Pink Orange | black, 9.3 to 1 |
| 18 | `#ff917d` | `oklch(76.96% 0.1368 31.02)` | Coralistic | black, 9.5 to 1 |
| 19 | `#fd949c` | `oklch(77.80% 0.1262 15.63)` | Conch Shell | black, 9.8 to 1 |
| 20 | `#f49bb9` | `oklch(78.63% 0.1121 357.86)` | Harmonious Rose | black, 10.1 to 1 |
| 21 | `#e7a3d0` | `oklch(79.35% 0.0983 339.69)` | Exotic Violet | black, 10.5 to 1 |
| 22 | `#d9abde` | `oklch(79.85% 0.0860 323.07)` | Barely Bloomed | black, 10.8 to 1 |
| 23 | `#cdb1e3` | `oklch(80.03% 0.0768 309.97)` | Whisper of Plum | black, 10.9 to 1 |
| 24 | `#c6b2e4` | `oklch(79.77% 0.0720 302.35)` | Purple Sand | black, 10.9 to 1 |
| 25 | `#c3b0e2` | `oklch(78.89% 0.0733 302.06)` | Lavender Field Dreamer | black, 10.5 to 1 |
| 26 | `#c4a7dd` | `oklch(77.10% 0.0815 308.83)` | Perfume | black, 9.8 to 1 |
| 27 | `#c899d2` | `oklch(74.67% 0.0947 320.73)` | Mauve Mist | black, 8.9 to 1 |
| 28 | `#d089bf` | `oklch(71.94% 0.1107 335.76)` | Cyclamen | black, 8 to 1 |
| 29 | `#d779a4` | `oklch(69.24% 0.1271 351.92)` | Wild Orchid | black, 7.1 to 1 |
| 30 | `#dc6c85` | `oklch(66.88% 0.1419 7.20)` | Luminous Pink | black, 6.5 to 1 |
| 31 | `#dd6369` | `oklch(65.21% 0.1526 19.63)` | Briquette | black, 6 to 1 |
| 32 | `#dd6157` | `oklch(64.55% 0.1571 27.18)` | Deep Sea Coral | black, 5.9 to 1 |
| 33 | `#de6557` | `oklch(65.17% 0.1539 28.94)` | Barely Brown | black, 6.1 to 1 |
| 34 | `#e06e64` | `oklch(66.93% 0.1443 26.70)` | Childhood Crush | black, 6.5 to 1 |
| 35 | `#e27a79` | `oklch(69.51% 0.1301 21.56)` | Lively Coral | black, 7.2 to 1 |
| 36 | `#e48890` | `oklch(72.56% 0.1132 14.56)` | Strawberry Ice | black, 8.2 to 1 |
| 37 | `#e597a6` | `oklch(75.78% 0.0954 6.75)` | Rose Delight | black, 9.2 to 1 |
| 38 | `#e5a5b9` | `oklch(78.82% 0.0786 359.16)` | Garden Party | black, 10.4 to 1 |
| 39 | `#e4b1c6` | `oklch(81.36% 0.0646 352.85)` | Muddy Mauve | black, 11.4 to 1 |
| 40 | `#e4bacd` | `oklch(83.07% 0.0551 348.84)` | Eau de Rose | black, 12.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3d1e5b 0.0%, #4c2363 2.6%, #632a6d 5.1%, #7f3274 7.7%, #a03c78 10.3%, #c04776 12.8%, #dd546f 15.4%, #f36165 17.9%, #ff6f5d 20.5%, #ff7e5d 23.1%, #ff875a 25.6%, #ff8c53 28.2%, #ff8e4b 30.8%, #ff8e45 33.3%, #ff8d45 35.9%, #ff8e4f 38.5%, #ff8f62 41.0%, #ff917d 43.6%, #fd949c 46.2%, #f49bb9 48.7%, #e7a3d0 51.3%, #d9abde 53.8%, #cdb1e3 56.4%, #c6b2e4 59.0%, #c3b0e2 61.5%, #c4a7dd 64.1%, #c899d2 66.7%, #d089bf 69.2%, #d779a4 71.8%, #dc6c85 74.4%, #dd6369 76.9%, #dd6157 79.5%, #de6557 82.1%, #e06e64 84.6%, #e27a79 87.2%, #e48890 89.7%, #e597a6 92.3%, #e5a5b9 94.9%, #e4b1c6 97.4%, #e4bacd 100.0%);
background: linear-gradient(135deg in oklch, oklch(31.10% 0.1061 304.45) 0.0%, oklch(34.51% 0.1130 311.57) 2.6%, oklch(39.33% 0.1230 321.57) 5.1%, oklch(45.08% 0.1351 333.51) 7.7%, oklch(51.29% 0.1479 346.45) 10.3%, oklch(57.50% 0.1603 359.43) 12.8%, oklch(63.24% 0.1712 11.51) 15.4%, oklch(68.03% 0.1794 21.73) 17.9%, oklch(71.42% 0.1795 29.22) 20.5%, oklch(73.58% 0.1643 35.41) 23.1%, oklch(74.87% 0.1577 40.99) 25.6%, oklch(75.51% 0.1568 45.60) 28.2%, oklch(75.71% 0.1589 48.92) 30.8%, oklch(75.68% 0.1613 50.60) 33.3%, oklch(75.61% 0.1614 50.30) 35.9%, oklch(75.74% 0.1572 47.67) 38.5%, oklch(76.22% 0.1481 42.08) 41.0%, oklch(76.96% 0.1368 31.02) 43.6%, oklch(77.80% 0.1262 15.63) 46.2%, oklch(78.63% 0.1121 357.86) 48.7%, oklch(79.35% 0.0983 339.69) 51.3%, oklch(79.85% 0.0860 323.07) 53.8%, oklch(80.03% 0.0768 309.97) 56.4%, oklch(79.77% 0.0720 302.35) 59.0%, oklch(78.89% 0.0733 302.06) 61.5%, oklch(77.10% 0.0815 308.83) 64.1%, oklch(74.67% 0.0947 320.73) 66.7%, oklch(71.94% 0.1107 335.76) 69.2%, oklch(69.24% 0.1271 351.92) 71.8%, oklch(66.88% 0.1419 7.20) 74.4%, oklch(65.21% 0.1526 19.63) 76.9%, oklch(64.55% 0.1571 27.18) 79.5%, oklch(65.17% 0.1539 28.94) 82.1%, oklch(66.93% 0.1443 26.70) 84.6%, oklch(69.51% 0.1301 21.56) 87.2%, oklch(72.56% 0.1132 14.56) 89.7%, oklch(75.78% 0.0954 6.75) 92.3%, oklch(78.82% 0.0786 359.16) 94.9%, oklch(81.36% 0.0646 352.85) 97.4%, oklch(83.07% 0.0551 348.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.106 | 304.5 |
| 2 | 0.709 | 0.183 | 387.9 |
| 3 | 0.76 | 0.153 | 404.8 |
| 4 | 0.795 | 0.072 | 301.3 |
| 5 | 0.646 | 0.157 | 387.9 |
| 6 | 0.831 | 0.055 | 348.8 |

## In these collections

- [Orange and purple gradients](https://grabient.com/orange-and-purple-gradients)

## Other forms

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