# Pale pink navy dissolve

Light blue, pink, lavender and blue linear gradient with 32 colors: #a8cbff, #accbff, #b2cbff, #bacbff, #c2cbff, #caccff, #d3cdff, #dbcdff, #e2cdff, #eacdff, #f2cbff, #fac8ff, #ffc6fc, #ffc5f5, #ffc2f1, #ffbdee, #fab8e9, #f1b2e4, #e6abdf, #d7a3d8, #c79bd1, #b692c9, #a488c0, #917fb6, #7f76aa, #6d6d9f, #5d6592, #4e5c86, #41557b, #364e71, #2c4968, #264461. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, pink, lavender and blue linear gradient
- Seed: `kS1Dy37iRJLAWtY`
- Page: https://grabient.com/kS1Dy37iRJLAWtY?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#a8cbff` | `oklch(83.46% 0.0827 258.05)` | Night Snow | black, 12.6 to 1 |
| 2 | `#accbff` | `oklch(83.68% 0.0810 261.20)` | Night Snow | black, 12.7 to 1 |
| 3 | `#b2cbff` | `oklch(84.09% 0.0784 265.51)` | Night Snow | black, 12.8 to 1 |
| 4 | `#bacbff` | `oklch(84.66% 0.0755 270.76)` | Light Periwinkle | black, 13 to 1 |
| 5 | `#c2cbff` | `oklch(85.34% 0.0728 276.77)` | Light Periwinkle | black, 13.3 to 1 |
| 6 | `#caccff` | `oklch(86.08% 0.0707 283.33)` | Lavender Blue | black, 13.5 to 1 |
| 7 | `#d3cdff` | `oklch(86.84% 0.0695 290.25)` | Lavender Blue | black, 13.8 to 1 |
| 8 | `#dbcdff` | `oklch(87.58% 0.0695 297.33)` | Pale Lavender | black, 14.1 to 1 |
| 9 | `#e2cdff` | `oklch(88.25% 0.0710 304.38)` | Lens Flare Pink | black, 14.4 to 1 |
| 10 | `#eacdff` | `oklch(88.81% 0.0747 311.19)` | Sparkling Lavender | black, 14.6 to 1 |
| 11 | `#f2cbff` | `oklch(89.21% 0.0809 317.58)` | Sparkling Lavender | black, 14.7 to 1 |
| 12 | `#fac8ff` | `oklch(89.40% 0.0907 323.34)` | Sugar Chic | black, 14.8 to 1 |
| 13 | `#ffc6fc` | `oklch(89.36% 0.0945 328.27)` | Sugar Chic | black, 14.7 to 1 |
| 14 | `#ffc5f5` | `oklch(89.02% 0.0897 332.19)` | Rosy Maple Moth | black, 14.5 to 1 |
| 15 | `#ffc2f1` | `oklch(88.35% 0.0909 334.89)` | Pink Quartz | black, 14.2 to 1 |
| 16 | `#ffbdee` | `oklch(87.29% 0.0978 336.19)` | Pink Quartz | black, 13.7 to 1 |
| 17 | `#fab8e9` | `oklch(85.80% 0.0988 335.88)` | Pink Quartz | black, 13 to 1 |
| 18 | `#f1b2e4` | `oklch(83.73% 0.0976 333.94)` | Hanami Pink | black, 12.2 to 1 |
| 19 | `#e6abdf` | `oklch(81.16% 0.0959 330.55)` | Cosmic Pink | black, 11.2 to 1 |
| 20 | `#d7a3d8` | `oklch(78.14% 0.0937 325.94)` | Favourite Lavender | black, 10.1 to 1 |
| 21 | `#c79bd1` | `oklch(74.78% 0.0912 320.29)` | Mauve Mist | black, 9 to 1 |
| 22 | `#b692c9` | `oklch(71.15% 0.0885 313.81)` | Cut Velvet | black, 7.9 to 1 |
| 23 | `#a488c0` | `oklch(67.32% 0.0855 306.72)` | Classic Bouquet | black, 6.8 to 1 |
| 24 | `#917fb6` | `oklch(63.39% 0.0824 299.20)` | Bravo! | black, 5.9 to 1 |
| 25 | `#7f76aa` | `oklch(59.43% 0.0793 291.47)` | Purple Rhapsody | black, 5 to 1 |
| 26 | `#6d6d9f` | `oklch(55.53% 0.0762 283.73)` | Dusted Peri | white, 4.8 to 1 |
| 27 | `#5d6592` | `oklch(51.76% 0.0731 276.19)` | Prime Purple | white, 5.6 to 1 |
| 28 | `#4e5c86` | `oklch(48.21% 0.0703 269.04)` | Wizard | white, 6.5 to 1 |
| 29 | `#41557b` | `oklch(44.96% 0.0677 262.50)` | Deep Azure | white, 7.4 to 1 |
| 30 | `#364e71` | `oklch(42.08% 0.0654 256.76)` | Airforce | white, 8.4 to 1 |
| 31 | `#2c4968` | `oklch(39.67% 0.0635 252.04)` | Lake View | white, 9.3 to 1 |
| 32 | `#264461` | `oklch(37.80% 0.0620 248.54)` | Black Turmeric | white, 10 to 1 |

## CSS

```css
background: linear-gradient(45deg, #a8cbff 0.0%, #accbff 3.2%, #b2cbff 6.5%, #bacbff 9.7%, #c2cbff 12.9%, #caccff 16.1%, #d3cdff 19.4%, #dbcdff 22.6%, #e2cdff 25.8%, #eacdff 29.0%, #f2cbff 32.3%, #fac8ff 35.5%, #ffc6fc 38.7%, #ffc5f5 41.9%, #ffc2f1 45.2%, #ffbdee 48.4%, #fab8e9 51.6%, #f1b2e4 54.8%, #e6abdf 58.1%, #d7a3d8 61.3%, #c79bd1 64.5%, #b692c9 67.7%, #a488c0 71.0%, #917fb6 74.2%, #7f76aa 77.4%, #6d6d9f 80.6%, #5d6592 83.9%, #4e5c86 87.1%, #41557b 90.3%, #364e71 93.5%, #2c4968 96.8%, #264461 100.0%);
background: linear-gradient(45deg in oklch, oklch(83.46% 0.0827 258.05) 0.0%, oklch(83.68% 0.0810 261.20) 3.2%, oklch(84.09% 0.0784 265.51) 6.5%, oklch(84.66% 0.0755 270.76) 9.7%, oklch(85.34% 0.0728 276.77) 12.9%, oklch(86.08% 0.0707 283.33) 16.1%, oklch(86.84% 0.0695 290.25) 19.4%, oklch(87.58% 0.0695 297.33) 22.6%, oklch(88.25% 0.0710 304.38) 25.8%, oklch(88.81% 0.0747 311.19) 29.0%, oklch(89.21% 0.0809 317.58) 32.3%, oklch(89.40% 0.0907 323.34) 35.5%, oklch(89.36% 0.0945 328.27) 38.7%, oklch(89.02% 0.0897 332.19) 41.9%, oklch(88.35% 0.0909 334.89) 45.2%, oklch(87.29% 0.0978 336.19) 48.4%, oklch(85.80% 0.0988 335.88) 51.6%, oklch(83.73% 0.0976 333.94) 54.8%, oklch(81.16% 0.0959 330.55) 58.1%, oklch(78.14% 0.0937 325.94) 61.3%, oklch(74.78% 0.0912 320.29) 64.5%, oklch(71.15% 0.0885 313.81) 67.7%, oklch(67.32% 0.0855 306.72) 71.0%, oklch(63.39% 0.0824 299.20) 74.2%, oklch(59.43% 0.0793 291.47) 77.4%, oklch(55.53% 0.0762 283.73) 80.6%, oklch(51.76% 0.0731 276.19) 83.9%, oklch(48.21% 0.0703 269.04) 87.1%, oklch(44.96% 0.0677 262.50) 90.3%, oklch(42.08% 0.0654 256.76) 93.5%, oklch(39.67% 0.0635 252.04) 96.8%, oklch(37.80% 0.0620 248.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.083 | 258 |
| 2 | 0.866 | 0.099 | 336.2 |
| 3 | 0.378 | 0.062 | 248.5 |

## In these collections

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

## Other forms

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