# Pink and Blue: Rose and violet

The "Pink and Blue: Rose and violet" palette brings together magenta, purple, and blue. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is magenta.

- Also called: Vivid pink, purple and blue linear gradient
- Seed: `kWpZH5S1A8sPQPG9U7yuEw9g`
- Page: https://grabient.com/kWpZH5S1A8sPQPG9U7yuEw9g?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#e24ea0` | `oklch(64.96% 0.1998 350.16)` | Raspberry Pink | black, 5.8 to 1 |
| 2 | `#e04ca3` | `oklch(64.49% 0.2016 347.97)` | Orion | black, 5.7 to 1 |
| 3 | `#dc4aa7` | `oklch(63.86% 0.2042 345.07)` | Orion | black, 5.5 to 1 |
| 4 | `#d747ad` | `oklch(63.10% 0.2073 341.62)` | Krameria | black, 5.4 to 1 |
| 5 | `#d145b2` | `oklch(62.27% 0.2106 337.77)` | Krameria | black, 5.2 to 1 |
| 6 | `#cb43b8` | `oklch(61.39% 0.2138 333.70)` | Purple Pink | black, 5 to 1 |
| 7 | `#c441be` | `oklch(60.51% 0.2168 329.57)` | Purple Pink | black, 4.8 to 1 |
| 8 | `#bd3fc4` | `oklch(59.65% 0.2192 325.54)` | Ultraviolet Berl | black, 4.6 to 1 |
| 9 | `#b53fc9` | `oklch(58.86% 0.2208 321.76)` | Ultraviolet Berl | white, 4.6 to 1 |
| 10 | `#ae3ecd` | `oklch(58.09% 0.2215 318.01)` | Purple Yam | white, 4.8 to 1 |
| 11 | `#a63fd1` | `oklch(57.32% 0.2217 314.18)` | Purple Yam | white, 4.9 to 1 |
| 12 | `#9e3fd4` | `oklch(56.54% 0.2214 310.31)` | Purple Yam | white, 5.1 to 1 |
| 13 | `#9540d6` | `oklch(55.76% 0.2210 306.43)` | Dreamscape Purple | white, 5.2 to 1 |
| 14 | `#8d40d9` | `oklch(55.00% 0.2205 302.55)` | Thick Purple | white, 5.4 to 1 |
| 15 | `#8441da` | `oklch(54.24% 0.2202 298.72)` | Thick Purple | white, 5.5 to 1 |
| 16 | `#7b42dc` | `oklch(53.51% 0.2202 294.95)` | Aconite Purple | white, 5.7 to 1 |
| 17 | `#7342dd` | `oklch(52.79% 0.2209 291.24)` | Aconite Purple | white, 5.9 to 1 |
| 18 | `#6a42de` | `oklch(52.09% 0.2222 287.53)` | Bluish Purple | white, 6 to 1 |
| 19 | `#6043df` | `oklch(51.40% 0.2239 283.81)` | Purplish Blue | white, 6.2 to 1 |
| 20 | `#5643e0` | `oklch(50.72% 0.2259 280.13)` | Blue Magenta | white, 6.3 to 1 |
| 21 | `#4b44e0` | `oklch(50.05% 0.2277 276.51)` | Dark Soft Violet | white, 6.5 to 1 |
| 22 | `#4044e0` | `oklch(49.41% 0.2292 272.99)` | Royal Vessel | white, 6.7 to 1 |
| 23 | `#3345df` | `oklch(48.78% 0.2302 269.60)` | Palatinate Blue | white, 6.8 to 1 |
| 24 | `#2346dd` | `oklch(48.18% 0.2303 266.39)` | Merchant Marine Blue | white, 6.9 to 1 |
| 25 | `#0b48da` | `oklch(47.59% 0.2292 263.30)` | Merchant Marine Blue | white, 7.1 to 1 |
| 26 | `#0050c5` | `oklch(46.99% 0.1939 260.21)` | Iridescent Blue | white, 7.1 to 1 |
| 27 | `#0054b3` | `oklch(46.39% 0.1657 257.16)` | Blizzy Blueberry | white, 7.1 to 1 |
| 28 | `#0056a6` | `oklch(45.82% 0.1470 254.24)` | Raiden Blue | white, 7.2 to 1 |
| 29 | `#00579d` | `oklch(45.28% 0.1337 251.54)` | Parachuting | white, 7.3 to 1 |
| 30 | `#005796` | `oklch(44.81% 0.1241 249.14)` | Standing Waters | white, 7.4 to 1 |
| 31 | `#005790` | `oklch(44.41% 0.1171 247.13)` | Bandana | white, 7.6 to 1 |
| 32 | `#00578c` | `oklch(44.10% 0.1124 245.57)` | Bandana | white, 7.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e24ea0 0.0%, #e04ca3 3.2%, #dc4aa7 6.5%, #d747ad 9.7%, #d145b2 12.9%, #cb43b8 16.1%, #c441be 19.4%, #bd3fc4 22.6%, #b53fc9 25.8%, #ae3ecd 29.0%, #a63fd1 32.3%, #9e3fd4 35.5%, #9540d6 38.7%, #8d40d9 41.9%, #8441da 45.2%, #7b42dc 48.4%, #7342dd 51.6%, #6a42de 54.8%, #6043df 58.1%, #5643e0 61.3%, #4b44e0 64.5%, #4044e0 67.7%, #3345df 71.0%, #2346dd 74.2%, #0b48da 77.4%, #0050c5 80.6%, #0054b3 83.9%, #0056a6 87.1%, #00579d 90.3%, #005796 93.5%, #005790 96.8%, #00578c 100.0%);
background: linear-gradient(90deg in oklch, oklch(64.96% 0.1998 350.16) 0.0%, oklch(64.49% 0.2016 347.97) 3.2%, oklch(63.86% 0.2042 345.07) 6.5%, oklch(63.10% 0.2073 341.62) 9.7%, oklch(62.27% 0.2106 337.77) 12.9%, oklch(61.39% 0.2138 333.70) 16.1%, oklch(60.51% 0.2168 329.57) 19.4%, oklch(59.65% 0.2192 325.54) 22.6%, oklch(58.86% 0.2208 321.76) 25.8%, oklch(58.09% 0.2215 318.01) 29.0%, oklch(57.32% 0.2217 314.18) 32.3%, oklch(56.54% 0.2214 310.31) 35.5%, oklch(55.76% 0.2210 306.43) 38.7%, oklch(55.00% 0.2205 302.55) 41.9%, oklch(54.24% 0.2202 298.72) 45.2%, oklch(53.51% 0.2202 294.95) 48.4%, oklch(52.79% 0.2209 291.24) 51.6%, oklch(52.09% 0.2222 287.53) 54.8%, oklch(51.40% 0.2239 283.81) 58.1%, oklch(50.72% 0.2259 280.13) 61.3%, oklch(50.05% 0.2277 276.51) 64.5%, oklch(49.41% 0.2292 272.99) 67.7%, oklch(48.78% 0.2302 269.60) 71.0%, oklch(48.18% 0.2303 266.39) 74.2%, oklch(47.59% 0.2292 263.30) 77.4%, oklch(46.99% 0.1939 260.21) 80.6%, oklch(46.39% 0.1657 257.16) 83.9%, oklch(45.82% 0.1470 254.24) 87.1%, oklch(45.28% 0.1337 251.54) 90.3%, oklch(44.81% 0.1241 249.14) 93.5%, oklch(44.41% 0.1171 247.13) 96.8%, oklch(44.10% 0.1124 245.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.2 | 350.2 |
| 2 | 0.591 | 0.22 | 322.7 |
| 3 | 0.531 | 0.22 | 293.1 |
| 4 | 0.48 | 0.23 | 265.6 |
| 5 | 0.441 | 0.209 | 245.5 |

## In these collections

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

## Other forms

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