# Pink and Blue: Blush and violet

The "Pink and Blue: Blush and violet" palette brings together red, magenta, purple, and blue. The colors span a moderate 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 red.

- Also called: Vivid tritone pink, purple and blue radial gradient
- Seed: `kWvXn_Vk4-UpLPHASrutEK-Q`
- Page: https://grabient.com/kWvXn_Vk4-UpLPHASrutEK-Q?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 3.7 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 | `#fd7aaa` | `oklch(74.41% 0.1667 358.59)` | Pico-8 Pink | black, 8.5 to 1 |
| 2 | `#fc77ab` | `oklch(73.89% 0.1710 357.61)` | Raspberry Glaze | black, 8.3 to 1 |
| 3 | `#fc72ab` | `oklch(73.23% 0.1771 356.42)` | Crazy Pink | black, 8.1 to 1 |
| 4 | `#fb6dac` | `oklch(72.43% 0.1845 355.00)` | Crazy Pink | black, 7.8 to 1 |
| 5 | `#fa67ad` | `oklch(71.54% 0.1924 353.35)` | Yíng Guāng Sè Pink | black, 7.5 to 1 |
| 6 | `#f860ae` | `oklch(70.57% 0.2001 351.46)` | Pink Katydid | black, 7.2 to 1 |
| 7 | `#f55ab0` | `oklch(69.55% 0.2069 349.30)` | Pink Katydid | black, 6.9 to 1 |
| 8 | `#f155b3` | `oklch(68.50% 0.2123 346.87)` | Major Magenta | black, 6.6 to 1 |
| 9 | `#eb51b6` | `oklch(67.45% 0.2155 344.14)` | Major Magenta | black, 6.3 to 1 |
| 10 | `#e54eba` | `oklch(66.33% 0.2168 341.05)` | Purplish Pink | black, 6.1 to 1 |
| 11 | `#dd4cbd` | `oklch(65.13% 0.2165 337.61)` | Purplish Pink | black, 5.8 to 1 |
| 12 | `#d44ac0` | `oklch(63.87% 0.2151 333.89)` | Zǐ Sè Purple | black, 5.5 to 1 |
| 13 | `#ca4ac3` | `oklch(62.58% 0.2131 329.95)` | Zǐ Sè Purple | black, 5.2 to 1 |
| 14 | `#c049c6` | `oklch(61.30% 0.2108 325.84)` | Ultraviolet Berl | black, 5 to 1 |
| 15 | `#b649c9` | `oklch(60.04% 0.2087 321.63)` | Ultraviolet Berl | black, 4.7 to 1 |
| 16 | `#ac48cb` | `oklch(58.84% 0.2071 317.39)` | Purple Yam | white, 4.6 to 1 |
| 17 | `#a348ce` | `oklch(57.72% 0.2064 313.08)` | Purple Yam | white, 4.8 to 1 |
| 18 | `#9948d1` | `oklch(56.67% 0.2063 308.38)` | Morado Purple | white, 5 to 1 |
| 19 | `#8e48d4` | `oklch(55.67% 0.2065 303.36)` | Gloomy Purple | white, 5.2 to 1 |
| 20 | `#8348d6` | `oklch(54.69% 0.2068 298.23)` | Aconite Purple | white, 5.4 to 1 |
| 21 | `#7849d8` | `oklch(53.73% 0.2070 293.16)` | Aconite Purple | white, 5.6 to 1 |
| 22 | `#6c49d8` | `oklch(52.75% 0.2070 288.34)` | Aconite Purple | white, 5.8 to 1 |
| 23 | `#614ad8` | `oklch(51.74% 0.2066 283.94)` | Majorelle Blue | white, 6 to 1 |
| 24 | `#5649d5` | `oklch(50.67% 0.2057 280.16)` | Iris | white, 6.3 to 1 |
| 25 | `#4c49d2` | `oklch(49.50% 0.2039 277.07)` | Iris | white, 6.6 to 1 |
| 26 | `#4347cc` | `oklch(48.18% 0.2013 274.46)` | Royal Nightcore | white, 6.9 to 1 |
| 27 | `#3a45c6` | `oklch(46.77% 0.1981 272.27)` | Kikorangi Blue | white, 7.3 to 1 |
| 28 | `#3243c0` | `oklch(45.35% 0.1946 270.43)` | Blue Blue | white, 7.8 to 1 |
| 29 | `#2b40ba` | `oklch(43.99% 0.1911 268.90)` | Denim | white, 8.2 to 1 |
| 30 | `#243eb4` | `oklch(42.75% 0.1879 267.62)` | Denim | white, 8.6 to 1 |
| 31 | `#1f3caf` | `oklch(41.71% 0.1852 266.54)` | Yuè Guāng Lán Blue | white, 9 to 1 |
| 32 | `#1a3bab` | `oklch(40.94% 0.1833 265.60)` | Yuè Guāng Lán Blue | white, 9.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fd7aaa 0.0%, #fc77ab 3.2%, #fc72ab 6.5%, #fb6dac 9.7%, #fa67ad 12.9%, #f860ae 16.1%, #f55ab0 19.4%, #f155b3 22.6%, #eb51b6 25.8%, #e54eba 29.0%, #dd4cbd 32.3%, #d44ac0 35.5%, #ca4ac3 38.7%, #c049c6 41.9%, #b649c9 45.2%, #ac48cb 48.4%, #a348ce 51.6%, #9948d1 54.8%, #8e48d4 58.1%, #8348d6 61.3%, #7849d8 64.5%, #6c49d8 67.7%, #614ad8 71.0%, #5649d5 74.2%, #4c49d2 77.4%, #4347cc 80.6%, #3a45c6 83.9%, #3243c0 87.1%, #2b40ba 90.3%, #243eb4 93.5%, #1f3caf 96.8%, #1a3bab 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.41% 0.1667 358.59) 0.0%, oklch(73.89% 0.1710 357.61) 3.2%, oklch(73.23% 0.1771 356.42) 6.5%, oklch(72.43% 0.1845 355.00) 9.7%, oklch(71.54% 0.1924 353.35) 12.9%, oklch(70.57% 0.2001 351.46) 16.1%, oklch(69.55% 0.2069 349.30) 19.4%, oklch(68.50% 0.2123 346.87) 22.6%, oklch(67.45% 0.2155 344.14) 25.8%, oklch(66.33% 0.2168 341.05) 29.0%, oklch(65.13% 0.2165 337.61) 32.3%, oklch(63.87% 0.2151 333.89) 35.5%, oklch(62.58% 0.2131 329.95) 38.7%, oklch(61.30% 0.2108 325.84) 41.9%, oklch(60.04% 0.2087 321.63) 45.2%, oklch(58.84% 0.2071 317.39) 48.4%, oklch(57.72% 0.2064 313.08) 51.6%, oklch(56.67% 0.2063 308.38) 54.8%, oklch(55.67% 0.2065 303.36) 58.1%, oklch(54.69% 0.2068 298.23) 61.3%, oklch(53.73% 0.2070 293.16) 64.5%, oklch(52.75% 0.2070 288.34) 67.7%, oklch(51.74% 0.2066 283.94) 71.0%, oklch(50.67% 0.2057 280.16) 74.2%, oklch(49.50% 0.2039 277.07) 77.4%, oklch(48.18% 0.2013 274.46) 80.6%, oklch(46.77% 0.1981 272.27) 83.9%, oklch(45.35% 0.1946 270.43) 87.1%, oklch(43.99% 0.1911 268.90) 90.3%, oklch(42.75% 0.1879 267.62) 93.5%, oklch(41.71% 0.1852 266.54) 96.8%, oklch(40.94% 0.1833 265.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.167 | 358.6 |
| 2 | 0.677 | 0.215 | 344.9 |
| 3 | 0.583 | 0.207 | 315.3 |
| 4 | 0.504 | 0.205 | 279.3 |
| 5 | 0.409 | 0.183 | 265.6 |

## In these collections

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

## Other forms

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