# Violet and coral summer palette

The Violet and coral summer palette brings together purple, magenta, and light red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is purple, and its lightest tone is light red.

- Also called: Vivid duotone purple to pink linear gradient
- Seed: `kSdZ_UTM5Et2txS`
- Page: https://grabient.com/kSdZ_UTM5Et2txS?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.2 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 | `#6c23bf` | `oklch(46.06% 0.2191 298.13)` | Purple Spot | white, 8 to 1 |
| 2 | `#7023bf` | `oklch(46.58% 0.2191 299.57)` | Puissant Purple | white, 7.8 to 1 |
| 3 | `#7424bf` | `oklch(47.20% 0.2194 301.31)` | Puissant Purple | white, 7.6 to 1 |
| 4 | `#7925bf` | `oklch(47.93% 0.2198 303.31)` | Puissant Purple | white, 7.4 to 1 |
| 5 | `#7f26bf` | `oklch(48.73% 0.2204 305.53)` | Pheromone Purple | white, 7.1 to 1 |
| 6 | `#8527bf` | `oklch(49.61% 0.2211 307.96)` | Pheromone Purple | white, 6.8 to 1 |
| 7 | `#8c28bf` | `oklch(50.56% 0.2217 310.56)` | Pheromone Purple | white, 6.6 to 1 |
| 8 | `#9329bf` | `oklch(51.55% 0.2223 313.30)` | Pheromone Purple | white, 6.3 to 1 |
| 9 | `#9a2abe` | `oklch(52.57% 0.2227 316.15)` | Purple Vanity | white, 6 to 1 |
| 10 | `#a12cbd` | `oklch(53.62% 0.2229 319.09)` | Pink Spyro | white, 5.8 to 1 |
| 11 | `#a92dbb` | `oklch(54.69% 0.2229 322.09)` | Magentleman | white, 5.5 to 1 |
| 12 | `#b02fb9` | `oklch(55.76% 0.2225 325.11)` | Magentleman | white, 5.3 to 1 |
| 13 | `#b731b6` | `oklch(56.81% 0.2218 328.14)` | Fuchsia Flair | white, 5 to 1 |
| 14 | `#bd33b4` | `oklch(57.84% 0.2205 331.13)` | Pink Perennial | white, 4.8 to 1 |
| 15 | `#c436b1` | `oklch(58.84% 0.2188 334.06)` | Pink Perennial | white, 4.6 to 1 |
| 16 | `#c939ad` | `oklch(59.78% 0.2164 336.90)` | Purple Pink | black, 4.6 to 1 |
| 17 | `#ce3daa` | `oklch(60.69% 0.2133 339.67)` | Krameria | black, 4.8 to 1 |
| 18 | `#d341a6` | `oklch(61.62% 0.2093 342.60)` | Krameria | black, 5 to 1 |
| 19 | `#d845a2` | `oklch(62.59% 0.2044 345.68)` | Kirby | black, 5.2 to 1 |
| 20 | `#dc4a9e` | `oklch(63.58% 0.1987 348.89)` | Nova Pink | black, 5.5 to 1 |
| 21 | `#e0509a` | `oklch(64.58% 0.1925 352.19)` | Raspberry Pink | black, 5.7 to 1 |
| 22 | `#e35696` | `oklch(65.59% 0.1858 355.52)` | Tutuji Pink | black, 6 to 1 |
| 23 | `#e65c92` | `oklch(66.59% 0.1789 358.86)` | Carmine Rose | black, 6.3 to 1 |
| 24 | `#e9628e` | `oklch(67.57% 0.1717 2.17)` | Love Letter | black, 6.5 to 1 |
| 25 | `#ea688b` | `oklch(68.53% 0.1645 5.40)` | Jellyfish Sting | black, 6.8 to 1 |
| 26 | `#ec6e89` | `oklch(69.45% 0.1575 8.52)` | Grapefruit Juice | black, 7.1 to 1 |
| 27 | `#ed7387` | `oklch(70.32% 0.1507 11.48)` | Rose Cheeks | black, 7.4 to 1 |
| 28 | `#ed7886` | `oklch(71.14% 0.1443 14.26)` | Flower Blossom Pink | black, 7.6 to 1 |
| 29 | `#ee7d85` | `oklch(71.89% 0.1384 16.80)` | Dimple | black, 7.9 to 1 |
| 30 | `#ee8285` | `oklch(72.56% 0.1332 19.08)` | Apple Valley | black, 8.1 to 1 |
| 31 | `#ee8585` | `oklch(73.14% 0.1288 21.05)` | Steamed Salmon | black, 8.3 to 1 |
| 32 | `#ee8885` | `oklch(73.62% 0.1254 22.67)` | Steamed Salmon | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #6c23bf 0.0%, #7023bf 3.2%, #7424bf 6.5%, #7925bf 9.7%, #7f26bf 12.9%, #8527bf 16.1%, #8c28bf 19.4%, #9329bf 22.6%, #9a2abe 25.8%, #a12cbd 29.0%, #a92dbb 32.3%, #b02fb9 35.5%, #b731b6 38.7%, #bd33b4 41.9%, #c436b1 45.2%, #c939ad 48.4%, #ce3daa 51.6%, #d341a6 54.8%, #d845a2 58.1%, #dc4a9e 61.3%, #e0509a 64.5%, #e35696 67.7%, #e65c92 71.0%, #e9628e 74.2%, #ea688b 77.4%, #ec6e89 80.6%, #ed7387 83.9%, #ed7886 87.1%, #ee7d85 90.3%, #ee8285 93.5%, #ee8585 96.8%, #ee8885 100.0%);
background: linear-gradient(45deg in oklch, oklch(46.06% 0.2191 298.13) 0.0%, oklch(46.58% 0.2191 299.57) 3.2%, oklch(47.20% 0.2194 301.31) 6.5%, oklch(47.93% 0.2198 303.31) 9.7%, oklch(48.73% 0.2204 305.53) 12.9%, oklch(49.61% 0.2211 307.96) 16.1%, oklch(50.56% 0.2217 310.56) 19.4%, oklch(51.55% 0.2223 313.30) 22.6%, oklch(52.57% 0.2227 316.15) 25.8%, oklch(53.62% 0.2229 319.09) 29.0%, oklch(54.69% 0.2229 322.09) 32.3%, oklch(55.76% 0.2225 325.11) 35.5%, oklch(56.81% 0.2218 328.14) 38.7%, oklch(57.84% 0.2205 331.13) 41.9%, oklch(58.84% 0.2188 334.06) 45.2%, oklch(59.78% 0.2164 336.90) 48.4%, oklch(60.69% 0.2133 339.67) 51.6%, oklch(61.62% 0.2093 342.60) 54.8%, oklch(62.59% 0.2044 345.68) 58.1%, oklch(63.58% 0.1987 348.89) 61.3%, oklch(64.58% 0.1925 352.19) 64.5%, oklch(65.59% 0.1858 355.52) 67.7%, oklch(66.59% 0.1789 358.86) 71.0%, oklch(67.57% 0.1717 2.17) 74.2%, oklch(68.53% 0.1645 5.40) 77.4%, oklch(69.45% 0.1575 8.52) 80.6%, oklch(70.32% 0.1507 11.48) 83.9%, oklch(71.14% 0.1443 14.26) 87.1%, oklch(71.89% 0.1384 16.80) 90.3%, oklch(72.56% 0.1332 19.08) 93.5%, oklch(73.14% 0.1288 21.05) 96.8%, oklch(73.62% 0.1254 22.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.219 | 298.1 |
| 2 | 0.602 | 0.215 | 338.3 |
| 3 | 0.736 | 0.125 | 382.7 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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