# Pink and Blue: Deep cyan and rose

The "Pink and Blue: Deep cyan and rose" palette brings together blue, light blue, and red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light blue.

- Also called: Vivid blue, light blue, pink and red linear gradient
- Seed: `kWeEKmWrG_98nwzXQ0yS9HAw`
- Page: https://grabient.com/kWeEKmWrG_98nwzXQ0yS9HAw?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 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 | `#146386` | `oklch(47.24% 0.0909 233.44)` | Blue Heist | white, 6.6 to 1 |
| 2 | `#156a8e` | `oklch(49.32% 0.0951 233.24)` | Bondi | white, 6 to 1 |
| 3 | `#15739a` | `oklch(52.24% 0.1013 232.76)` | Bateau | white, 5.3 to 1 |
| 4 | `#147ea8` | `oklch(55.73% 0.1086 232.18)` | Oh so Vo | white, 4.5 to 1 |
| 5 | `#148ab8` | `oklch(59.51% 0.1164 231.67)` | Spinnaker Blue | black, 5.3 to 1 |
| 6 | `#1596c7` | `oklch(63.27% 0.1238 231.41)` | UV Light | black, 6.2 to 1 |
| 7 | `#1aa1d6` | `oklch(66.75% 0.1302 231.58)` | Blue Damselfly | black, 7.1 to 1 |
| 8 | `#23aae2` | `oklch(69.64% 0.1347 232.35)` | Huelveño Horizon | black, 7.9 to 1 |
| 9 | `#2fb0eb` | `oklch(71.69% 0.1366 233.87)` | Lynx Screen Blue | black, 8.5 to 1 |
| 10 | `#3db4f1` | `oklch(73.10% 0.1350 235.45)` | Lynx Screen Blue | black, 9 to 1 |
| 11 | `#4bb6f3` | `oklch(74.08% 0.1307 237.04)` | Megaman | black, 9.3 to 1 |
| 12 | `#58b7f3` | `oklch(74.70% 0.1247 238.97)` | Hello Summer | black, 9.4 to 1 |
| 13 | `#63b7f2` | `oklch(75.02% 0.1184 241.59)` | Hello Summer | black, 9.5 to 1 |
| 14 | `#6eb5f1` | `oklch(75.11% 0.1127 245.22)` | Broken Blue | black, 9.5 to 1 |
| 15 | `#77b3f1` | `oklch(75.05% 0.1088 250.19)` | Fly Away | black, 9.5 to 1 |
| 16 | `#81b0f1` | `oklch(74.89% 0.1079 256.85)` | Fly Away | black, 9.3 to 1 |
| 17 | `#8cabf4` | `oklch(74.68% 0.1109 265.75)` | Kitten’s Eye | black, 9.2 to 1 |
| 18 | `#9aa4f5` | `oklch(74.25% 0.1176 278.08)` | Cold Lips | black, 8.9 to 1 |
| 19 | `#ad9af2` | `oklch(73.60% 0.1269 292.98)` | Dull Lavender | black, 8.6 to 1 |
| 20 | `#c18de8` | `oklch(72.78% 0.1381 309.29)` | Luminous Lavender | black, 8.2 to 1 |
| 21 | `#d380d6` | `oklch(71.84% 0.1501 325.86)` | Blush Essence | black, 7.8 to 1 |
| 22 | `#e374be` | `oklch(70.83% 0.1622 341.55)` | Explicit Pink | black, 7.4 to 1 |
| 23 | `#ed69a3` | `oklch(69.78% 0.1733 355.20)` | Fugitive Flamingo | black, 7.1 to 1 |
| 24 | `#f3608a` | `oklch(68.75% 0.1827 5.66)` | Watermelon Juice | black, 6.8 to 1 |
| 25 | `#f45977` | `oklch(67.70% 0.1901 12.31)` | Ponceau | black, 6.5 to 1 |
| 26 | `#f45269` | `oklch(66.47% 0.1969 16.18)` | Ripe Malinka | black, 6.2 to 1 |
| 27 | `#f24a5f` | `oklch(65.13% 0.2031 17.91)` | Calypso Coral | black, 5.9 to 1 |
| 28 | `#ef4159` | `oklch(63.75% 0.2087 18.07)` | Vineyard Autumn | black, 5.5 to 1 |
| 29 | `#ec3856` | `oklch(62.42% 0.2137 17.28)` | Radish Lips | black, 5.2 to 1 |
| 30 | `#e92f55` | `oklch(61.21% 0.2180 16.11)` | Manganese Red | black, 4.9 to 1 |
| 31 | `#e62654` | `oklch(60.19% 0.2217 15.17)` | Manganese Red | black, 4.7 to 1 |
| 32 | `#e51e51` | `oklch(59.45% 0.2246 15.04)` | Spanish Crimson | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #146386 0.0%, #156a8e 3.2%, #15739a 6.5%, #147ea8 9.7%, #148ab8 12.9%, #1596c7 16.1%, #1aa1d6 19.4%, #23aae2 22.6%, #2fb0eb 25.8%, #3db4f1 29.0%, #4bb6f3 32.3%, #58b7f3 35.5%, #63b7f2 38.7%, #6eb5f1 41.9%, #77b3f1 45.2%, #81b0f1 48.4%, #8cabf4 51.6%, #9aa4f5 54.8%, #ad9af2 58.1%, #c18de8 61.3%, #d380d6 64.5%, #e374be 67.7%, #ed69a3 71.0%, #f3608a 74.2%, #f45977 77.4%, #f45269 80.6%, #f24a5f 83.9%, #ef4159 87.1%, #ec3856 90.3%, #e92f55 93.5%, #e62654 96.8%, #e51e51 100.0%);
background: linear-gradient(90deg in oklch, oklch(47.24% 0.0909 233.44) 0.0%, oklch(49.32% 0.0951 233.24) 3.2%, oklch(52.24% 0.1013 232.76) 6.5%, oklch(55.73% 0.1086 232.18) 9.7%, oklch(59.51% 0.1164 231.67) 12.9%, oklch(63.27% 0.1238 231.41) 16.1%, oklch(66.75% 0.1302 231.58) 19.4%, oklch(69.64% 0.1347 232.35) 22.6%, oklch(71.69% 0.1366 233.87) 25.8%, oklch(73.10% 0.1350 235.45) 29.0%, oklch(74.08% 0.1307 237.04) 32.3%, oklch(74.70% 0.1247 238.97) 35.5%, oklch(75.02% 0.1184 241.59) 38.7%, oklch(75.11% 0.1127 245.22) 41.9%, oklch(75.05% 0.1088 250.19) 45.2%, oklch(74.89% 0.1079 256.85) 48.4%, oklch(74.68% 0.1109 265.75) 51.6%, oklch(74.25% 0.1176 278.08) 54.8%, oklch(73.60% 0.1269 292.98) 58.1%, oklch(72.78% 0.1381 309.29) 61.3%, oklch(71.84% 0.1501 325.86) 64.5%, oklch(70.83% 0.1622 341.55) 67.7%, oklch(69.78% 0.1733 355.20) 71.0%, oklch(68.75% 0.1827 5.66) 74.2%, oklch(67.70% 0.1901 12.31) 77.4%, oklch(66.47% 0.1969 16.18) 80.6%, oklch(65.13% 0.2031 17.91) 83.9%, oklch(63.75% 0.2087 18.07) 87.1%, oklch(62.42% 0.2137 17.28) 90.3%, oklch(61.21% 0.2180 16.11) 93.5%, oklch(60.19% 0.2217 15.17) 96.8%, oklch(59.45% 0.2246 15.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.472 | 0.091 | 233.4 |
| 2 | 0.713 | 0.136 | 233.4 |
| 3 | 0.748 | 0.109 | 260.9 |
| 4 | 0.685 | 0.185 | 367.6 |
| 5 | 0.594 | 0.225 | 375 |

## In these collections

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

## Other forms

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