# Vivid blue, purple and salmon linear gradient

Vivid blue, purple and salmon linear gradient with 32 colors: #4c36f5, #4f3af5, #533ff6, #5844f7, #5e4af8, #644ff8, #6b54f9, #7358fa, #7b5bfa, #835ffb, #8b62fb, #9465fb, #9d68fb, #a76afa, #b06cf8, #ba6df5, #c36ef0, #cd6ee8, #d66ddf, #df6cd4, #e66cc8, #ed6bbc, #f16bb0, #f56ba5, #f86c9b, #f96c90, #fa6c85, #f96b7a, #f96c70, #f86c67, #f66c5f, #f56d58. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWgL_Ey1JBFbIwtawMWWL7Dw`
- Page: https://grabient.com/kWgL_Ey1JBFbIwtawMWWL7Dw?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 2.3 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 | `#4c36f5` | `oklch(50.39% 0.2632 276.33)` | Royal Vessel | white, 6.6 to 1 |
| 2 | `#4f3af5` | `oklch(51.08% 0.2601 276.98)` | Meteor Shower | white, 6.4 to 1 |
| 3 | `#533ff6` | `oklch(52.00% 0.2560 277.74)` | Meteor Shower | white, 6.1 to 1 |
| 4 | `#5844f7` | `oklch(53.10% 0.2510 278.64)` | Sylph of Moonlight | white, 5.8 to 1 |
| 5 | `#5e4af8` | `oklch(54.32% 0.2455 279.71)` | Pink OCD | white, 5.5 to 1 |
| 6 | `#644ff8` | `oklch(55.60% 0.2399 280.99)` | Pink OCD | white, 5.2 to 1 |
| 7 | `#6b54f9` | `oklch(56.90% 0.2344 282.50)` | Venetian Nights | white, 4.9 to 1 |
| 8 | `#7358fa` | `oklch(58.16% 0.2293 284.29)` | Venetian Nights | white, 4.6 to 1 |
| 9 | `#7b5bfa` | `oklch(59.34% 0.2250 286.39)` | Venetian Nights | black, 4.7 to 1 |
| 10 | `#835ffb` | `oklch(60.56% 0.2211 288.67)` | Purple Anemone | black, 4.9 to 1 |
| 11 | `#8b62fb` | `oklch(61.83% 0.2175 291.12)` | Purple Anemone | black, 5.2 to 1 |
| 12 | `#9465fb` | `oklch(63.13% 0.2140 293.80)` | Purple Anemone | black, 5.5 to 1 |
| 13 | `#9d68fb` | `oklch(64.40% 0.2107 296.76)` | Purple Hedonist | black, 5.8 to 1 |
| 14 | `#a76afa` | `oklch(65.61% 0.2076 300.06)` | Purple Hedonist | black, 6 to 1 |
| 15 | `#b06cf8` | `oklch(66.72% 0.2044 303.75)` | Queer Purple | black, 6.3 to 1 |
| 16 | `#ba6df5` | `oklch(67.69% 0.2014 307.89)` | Queer Purple | black, 6.5 to 1 |
| 17 | `#c36ef0` | `oklch(68.49% 0.1982 312.58)` | Illicit Purple | black, 6.7 to 1 |
| 18 | `#cd6ee8` | `oklch(69.16% 0.1950 318.11)` | Purple Snail | black, 6.9 to 1 |
| 19 | `#d66ddf` | `oklch(69.73% 0.1918 324.28)` | Pink Orchid | black, 7.1 to 1 |
| 20 | `#df6cd4` | `oklch(70.20% 0.1886 330.87)` | Pink Orchid | black, 7.2 to 1 |
| 21 | `#e66cc8` | `oklch(70.57% 0.1856 337.61)` | Explicit Pink | black, 7.3 to 1 |
| 22 | `#ed6bbc` | `oklch(70.87% 0.1828 344.28)` | Crumbly Lipstick | black, 7.4 to 1 |
| 23 | `#f16bb0` | `oklch(71.08% 0.1803 350.61)` | Fugitive Flamingo | black, 7.4 to 1 |
| 24 | `#f56ba5` | `oklch(71.23% 0.1782 356.38)` | Crazy Pink | black, 7.5 to 1 |
| 25 | `#f86c9b` | `oklch(71.29% 0.1765 1.59)` | French Pink | black, 7.5 to 1 |
| 26 | `#f96c90` | `oklch(71.19% 0.1753 6.74)` | Rosy Pink | black, 7.5 to 1 |
| 27 | `#fa6c85` | `oklch(70.99% 0.1744 11.75)` | Ultra Red | black, 7.5 to 1 |
| 28 | `#f96b7a` | `oklch(70.71% 0.1737 16.48)` | Fiery Flamingo | black, 7.4 to 1 |
| 29 | `#f96c70` | `oklch(70.40% 0.1732 20.84)` | Sugar Coral | black, 7.3 to 1 |
| 30 | `#f86c67` | `oklch(70.10% 0.1729 24.70)` | Flirty Salmon | black, 7.3 to 1 |
| 31 | `#f66c5f` | `oklch(69.85% 0.1726 27.94)` | Sriracha | black, 7.2 to 1 |
| 32 | `#f56d58` | `oklch(69.69% 0.1722 30.46)` | Royal Blush | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #4c36f5 0.0%, #4f3af5 3.2%, #533ff6 6.5%, #5844f7 9.7%, #5e4af8 12.9%, #644ff8 16.1%, #6b54f9 19.4%, #7358fa 22.6%, #7b5bfa 25.8%, #835ffb 29.0%, #8b62fb 32.3%, #9465fb 35.5%, #9d68fb 38.7%, #a76afa 41.9%, #b06cf8 45.2%, #ba6df5 48.4%, #c36ef0 51.6%, #cd6ee8 54.8%, #d66ddf 58.1%, #df6cd4 61.3%, #e66cc8 64.5%, #ed6bbc 67.7%, #f16bb0 71.0%, #f56ba5 74.2%, #f86c9b 77.4%, #f96c90 80.6%, #fa6c85 83.9%, #f96b7a 87.1%, #f96c70 90.3%, #f86c67 93.5%, #f66c5f 96.8%, #f56d58 100.0%);
background: linear-gradient(180deg in oklch, oklch(50.39% 0.2632 276.33) 0.0%, oklch(51.08% 0.2601 276.98) 3.2%, oklch(52.00% 0.2560 277.74) 6.5%, oklch(53.10% 0.2510 278.64) 9.7%, oklch(54.32% 0.2455 279.71) 12.9%, oklch(55.60% 0.2399 280.99) 16.1%, oklch(56.90% 0.2344 282.50) 19.4%, oklch(58.16% 0.2293 284.29) 22.6%, oklch(59.34% 0.2250 286.39) 25.8%, oklch(60.56% 0.2211 288.67) 29.0%, oklch(61.83% 0.2175 291.12) 32.3%, oklch(63.13% 0.2140 293.80) 35.5%, oklch(64.40% 0.2107 296.76) 38.7%, oklch(65.61% 0.2076 300.06) 41.9%, oklch(66.72% 0.2044 303.75) 45.2%, oklch(67.69% 0.2014 307.89) 48.4%, oklch(68.49% 0.1982 312.58) 51.6%, oklch(69.16% 0.1950 318.11) 54.8%, oklch(69.73% 0.1918 324.28) 58.1%, oklch(70.20% 0.1886 330.87) 61.3%, oklch(70.57% 0.1856 337.61) 64.5%, oklch(70.87% 0.1828 344.28) 67.7%, oklch(71.08% 0.1803 350.61) 71.0%, oklch(71.23% 0.1782 356.38) 74.2%, oklch(71.29% 0.1765 1.59) 77.4%, oklch(71.19% 0.1753 6.74) 80.6%, oklch(70.99% 0.1744 11.75) 83.9%, oklch(70.71% 0.1737 16.48) 87.1%, oklch(70.40% 0.1732 20.84) 90.3%, oklch(70.10% 0.1729 24.70) 93.5%, oklch(69.85% 0.1726 27.94) 96.8%, oklch(69.69% 0.1722 30.46) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.504 | 0.263 | 276.3 |
| 2 | 0.591 | 0.226 | 285.8 |
| 3 | 0.681 | 0.2 | 310.1 |
| 4 | 0.713 | 0.178 | 357.7 |
| 5 | 0.697 | 0.172 | 390.5 |

## Other forms

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