# Pink red deep blue sweep

Blue, purple, pink and lavender linear gradient with 40 colors: #526c8c, #4d6686, #465d7d, #3e5373, #354767, #2c3c5b, #243151, #1e2849, #1b2043, #1a1b42, #1e1844, #27174b, #361655, #4a155e, #621365, #7e0e67, #9a0564, #b5005e, #cc0456, #de1651, #ea2752, #f33a5d, #f94d6f, #fc5f84, #fd709b, #fa80b0, #f58ec1, #ee99ce, #e6a1d6, #dda4da, #d3a3da, #c39dd7, #b193d0, #9b88c8, #847bbe, #6c6fb3, #5563a7, #3e589c, #295092, #164a8a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, purple, pink and lavender linear gradient
- Seed: `kWhSu0nxxDcvRytkIzotKu3g`
- Page: https://grabient.com/kWhSu0nxxDcvRytkIzotKu3g?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 8.1 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 | `#526c8c` | `oklch(52.36% 0.0593 253.83)` | Berry Pie | white, 5.4 to 1 |
| 2 | `#4d6686` | `oklch(50.35% 0.0597 255.35)` | Luxe Blue | white, 5.9 to 1 |
| 3 | `#465d7d` | `oklch(47.39% 0.0596 256.94)` | Parlour Blue | white, 6.7 to 1 |
| 4 | `#3e5373` | `oklch(43.76% 0.0592 258.71)` | Astronaut | white, 7.8 to 1 |
| 5 | `#354767` | `oklch(39.76% 0.0589 260.76)` | Garnet Stone Blue | white, 9.3 to 1 |
| 6 | `#2c3c5b` | `oklch(35.69% 0.0591 263.21)` | Nautilus | white, 11 to 1 |
| 7 | `#243151` | `oklch(31.85% 0.0600 266.15)` | Boatswain | white, 12.8 to 1 |
| 8 | `#1e2849` | `oklch(28.51% 0.0622 269.69)` | Fainting Light | white, 14.4 to 1 |
| 9 | `#1b2043` | `oklch(25.99% 0.0659 273.95)` | Konkikyō Blue | white, 15.7 to 1 |
| 10 | `#1a1b42` | `oklch(24.57% 0.0715 279.02)` | Konkikyō Blue | white, 16.4 to 1 |
| 11 | `#1e1844` | `oklch(24.55% 0.0795 285.06)` | Prune Plum | white, 16.5 to 1 |
| 12 | `#27174b` | `oklch(25.95% 0.0917 293.17)` | Silent Orbit | white, 16 to 1 |
| 13 | `#361655` | `oklch(28.52% 0.1080 303.26)` | Fabric of Space | white, 14.9 to 1 |
| 14 | `#4a155e` | `oklch(32.01% 0.1269 314.65)` | Obsidian Shell | white, 13.4 to 1 |
| 15 | `#621365` | `oklch(36.16% 0.1472 326.70)` | Purple Dreamer | white, 11.6 to 1 |
| 16 | `#7e0e67` | `oklch(40.72% 0.1676 338.75)` | Xereus Purple | white, 9.8 to 1 |
| 17 | `#9a0564` | `oklch(45.43% 0.1867 350.14)` | 8 Bit Eggplant | white, 8.1 to 1 |
| 18 | `#b5005e` | `oklch(50.05% 0.2028 0.23)` | Aztec Warrior | white, 6.7 to 1 |
| 19 | `#cc0456` | `oklch(54.29% 0.2158 8.33)` | Red-Letter Day | white, 5.6 to 1 |
| 20 | `#de1651` | `oklch(57.94% 0.2232 13.81)` | Red-Eye | white, 4.8 to 1 |
| 21 | `#ea2752` | `oklch(60.87% 0.2242 16.13)` | Che Guevara Red | black, 4.9 to 1 |
| 22 | `#f33a5d` | `oklch(63.85% 0.2186 15.84)` | Munch on Melon | black, 5.5 to 1 |
| 23 | `#f94d6f` | `oklch(66.90% 0.2076 13.40)` | Infrared | black, 6.3 to 1 |
| 24 | `#fc5f84` | `oklch(69.88% 0.1927 9.19)` | Brink Pink | black, 7.1 to 1 |
| 25 | `#fd709b` | `oklch(72.66% 0.1752 3.60)` | French Pink | black, 7.9 to 1 |
| 26 | `#fa80b0` | `oklch(75.11% 0.1566 357.00)` | Erythrosine | black, 8.8 to 1 |
| 27 | `#f58ec1` | `oklch(77.09% 0.1382 349.80)` | Cochonnet | black, 9.5 to 1 |
| 28 | `#ee99ce` | `oklch(78.48% 0.1213 342.36)` | Pearly Pink | black, 10.1 to 1 |
| 29 | `#e6a1d6` | `oklch(79.14% 0.1075 335.06)` | Exotic Violet | black, 10.4 to 1 |
| 30 | `#dda4da` | `oklch(78.94% 0.0980 328.31)` | Plum Juice | black, 10.4 to 1 |
| 31 | `#d3a3da` | `oklch(77.62% 0.0934 321.83)` | Favourite Lavender | black, 9.9 to 1 |
| 32 | `#c39dd7` | `oklch(74.96% 0.0918 314.44)` | Mauve Mist | black, 9 to 1 |
| 33 | `#b193d0` | `oklch(71.24% 0.0927 306.37)` | Cut Velvet | black, 7.9 to 1 |
| 34 | `#9b88c8` | `oklch(66.78% 0.0955 297.91)` | Petrified Purple | black, 6.7 to 1 |
| 35 | `#847bbe` | `oklch(61.87% 0.0996 289.36)` | Ube | black, 5.5 to 1 |
| 36 | `#6c6fb3` | `oklch(56.83% 0.1044 281.04)` | Mediaeval | white, 4.6 to 1 |
| 37 | `#5563a7` | `oklch(51.95% 0.1094 273.23)` | Submarine Base | white, 5.6 to 1 |
| 38 | `#3e589c` | `oklch(47.54% 0.1141 266.25)` | Muted Lavender | white, 6.7 to 1 |
| 39 | `#295092` | `oklch(43.90% 0.1177 260.38)` | Nightly Activities | white, 7.9 to 1 |
| 40 | `#164a8a` | `oklch(41.34% 0.1199 255.94)` | Olympian Blue | white, 8.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #526c8c 0.0%, #4d6686 2.6%, #465d7d 5.1%, #3e5373 7.7%, #354767 10.3%, #2c3c5b 12.8%, #243151 15.4%, #1e2849 17.9%, #1b2043 20.5%, #1a1b42 23.1%, #1e1844 25.6%, #27174b 28.2%, #361655 30.8%, #4a155e 33.3%, #621365 35.9%, #7e0e67 38.5%, #9a0564 41.0%, #b5005e 43.6%, #cc0456 46.2%, #de1651 48.7%, #ea2752 51.3%, #f33a5d 53.8%, #f94d6f 56.4%, #fc5f84 59.0%, #fd709b 61.5%, #fa80b0 64.1%, #f58ec1 66.7%, #ee99ce 69.2%, #e6a1d6 71.8%, #dda4da 74.4%, #d3a3da 76.9%, #c39dd7 79.5%, #b193d0 82.1%, #9b88c8 84.6%, #847bbe 87.2%, #6c6fb3 89.7%, #5563a7 92.3%, #3e589c 94.9%, #295092 97.4%, #164a8a 100.0%);
background: linear-gradient(45deg in oklch, oklch(52.36% 0.0593 253.83) 0.0%, oklch(50.35% 0.0597 255.35) 2.6%, oklch(47.39% 0.0596 256.94) 5.1%, oklch(43.76% 0.0592 258.71) 7.7%, oklch(39.76% 0.0589 260.76) 10.3%, oklch(35.69% 0.0591 263.21) 12.8%, oklch(31.85% 0.0600 266.15) 15.4%, oklch(28.51% 0.0622 269.69) 17.9%, oklch(25.99% 0.0659 273.95) 20.5%, oklch(24.57% 0.0715 279.02) 23.1%, oklch(24.55% 0.0795 285.06) 25.6%, oklch(25.95% 0.0917 293.17) 28.2%, oklch(28.52% 0.1080 303.26) 30.8%, oklch(32.01% 0.1269 314.65) 33.3%, oklch(36.16% 0.1472 326.70) 35.9%, oklch(40.72% 0.1676 338.75) 38.5%, oklch(45.43% 0.1867 350.14) 41.0%, oklch(50.05% 0.2028 0.23) 43.6%, oklch(54.29% 0.2158 8.33) 46.2%, oklch(57.94% 0.2232 13.81) 48.7%, oklch(60.87% 0.2242 16.13) 51.3%, oklch(63.85% 0.2186 15.84) 53.8%, oklch(66.90% 0.2076 13.40) 56.4%, oklch(69.88% 0.1927 9.19) 59.0%, oklch(72.66% 0.1752 3.60) 61.5%, oklch(75.11% 0.1566 357.00) 64.1%, oklch(77.09% 0.1382 349.80) 66.7%, oklch(78.48% 0.1213 342.36) 69.2%, oklch(79.14% 0.1075 335.06) 71.8%, oklch(78.94% 0.0980 328.31) 74.4%, oklch(77.62% 0.0934 321.83) 76.9%, oklch(74.96% 0.0918 314.44) 79.5%, oklch(71.24% 0.0927 306.37) 82.1%, oklch(66.78% 0.0955 297.91) 84.6%, oklch(61.87% 0.0996 289.36) 87.2%, oklch(56.83% 0.1044 281.04) 89.7%, oklch(51.95% 0.1094 273.23) 92.3%, oklch(47.54% 0.1141 266.25) 94.9%, oklch(43.90% 0.1177 260.38) 97.4%, oklch(41.34% 0.1199 255.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.059 | 253.8 |
| 2 | 0.244 | 0.077 | 283.4 |
| 3 | 0.594 | 0.225 | 375.4 |
| 4 | 0.787 | 0.096 | 326.7 |
| 5 | 0.413 | 0.12 | 255.9 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)

## Other forms

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