# Blue and lavender summer palette

The Blue and lavender summer palette brings together blue and light purple. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is light purple.

- Also called: Analogous blue to lavender linear gradient
- Seed: `kSdXy3xbZBd2ewu`
- Page: https://grabient.com/kSdXy3xbZBd2ewu?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: cool
- Hues: analogous
- 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 | `#0052b5` | `oklch(46.06% 0.1709 258.05)` | Blizzy Blueberry | white, 7.2 to 1 |
| 2 | `#0753b5` | `oklch(46.36% 0.1701 258.48)` | Blizzy Blueberry | white, 7.2 to 1 |
| 3 | `#0e54b6` | `oklch(46.68% 0.1694 258.97)` | Blizzy Blueberry | white, 7.1 to 1 |
| 4 | `#1455b7` | `oklch(47.04% 0.1686 259.51)` | London Rain | white, 7 to 1 |
| 5 | `#1955b8` | `oklch(47.43% 0.1678 260.11)` | London Rain | white, 6.8 to 1 |
| 6 | `#1e56b9` | `oklch(47.86% 0.1669 260.75)` | London Rain | white, 6.7 to 1 |
| 7 | `#2358ba` | `oklch(48.32% 0.1659 261.45)` | Cerulean Blue | white, 6.6 to 1 |
| 8 | `#2759bb` | `oklch(48.81% 0.1648 262.20)` | Cerulean Blue | white, 6.4 to 1 |
| 9 | `#2c5abd` | `oklch(49.35% 0.1636 263.01)` | Amnesia Blue | white, 6.3 to 1 |
| 10 | `#315bbe` | `oklch(49.93% 0.1622 263.87)` | Amnesia Blue | white, 6.2 to 1 |
| 11 | `#365dbf` | `oklch(50.54% 0.1607 264.78)` | Free Speech Blue | white, 6 to 1 |
| 12 | `#3a5fc1` | `oklch(51.20% 0.1590 265.74)` | Free Speech Blue | white, 5.8 to 1 |
| 13 | `#3f60c2` | `oklch(51.90% 0.1571 266.76)` | God of Rain | white, 5.7 to 1 |
| 14 | `#4462c3` | `oklch(52.65% 0.1550 267.82)` | God of Rain | white, 5.5 to 1 |
| 15 | `#4964c5` | `oklch(53.45% 0.1527 268.95)` | God of Rain | white, 5.3 to 1 |
| 16 | `#4f67c6` | `oklch(54.29% 0.1502 270.12)` | Borage Blue | white, 5.1 to 1 |
| 17 | `#5469c7` | `oklch(55.19% 0.1473 271.37)` | Borage Blue | white, 4.9 to 1 |
| 18 | `#5a6cc9` | `oklch(56.23% 0.1440 272.79)` | Borage Blue | white, 4.7 to 1 |
| 19 | `#616fca` | `oklch(57.40% 0.1401 274.38)` | Indigo Light | black, 4.6 to 1 |
| 20 | `#6873cc` | `oklch(58.67% 0.1358 276.10)` | Indigo Light | black, 4.8 to 1 |
| 21 | `#6f76cd` | `oklch(60.03% 0.1312 277.92)` | Kickstart Purple | black, 5.1 to 1 |
| 22 | `#767acf` | `oklch(61.44% 0.1264 279.82)` | Kickstart Purple | black, 5.4 to 1 |
| 23 | `#7d7ed0` | `oklch(62.89% 0.1214 281.76)` | Tanzine | black, 5.7 to 1 |
| 24 | `#8583d1` | `oklch(64.35% 0.1163 283.71)` | Indigo Bloom | black, 6.1 to 1 |
| 25 | `#8c87d3` | `oklch(65.80% 0.1113 285.65)` | Indigo Bloom | black, 6.5 to 1 |
| 26 | `#928bd4` | `oklch(67.21% 0.1064 287.53)` | Adora | black, 6.8 to 1 |
| 27 | `#988fd5` | `oklch(68.56% 0.1017 289.34)` | Adora | black, 7.2 to 1 |
| 28 | `#9e93d6` | `oklch(69.83% 0.0972 291.03)` | Gorgeous Hydrangea | black, 7.6 to 1 |
| 29 | `#a397d7` | `oklch(71.00% 0.0932 292.59)` | Gorgeous Hydrangea | black, 7.9 to 1 |
| 30 | `#a79ad8` | `oklch(72.03% 0.0896 293.97)` | Biloba Flower | black, 8.2 to 1 |
| 31 | `#ab9dd8` | `oklch(72.92% 0.0865 295.14)` | Violet Velvet | black, 8.5 to 1 |
| 32 | `#ae9fd9` | `oklch(73.62% 0.0841 296.09)` | Violet Velvet | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0052b5 0.0%, #0753b5 3.2%, #0e54b6 6.5%, #1455b7 9.7%, #1955b8 12.9%, #1e56b9 16.1%, #2358ba 19.4%, #2759bb 22.6%, #2c5abd 25.8%, #315bbe 29.0%, #365dbf 32.3%, #3a5fc1 35.5%, #3f60c2 38.7%, #4462c3 41.9%, #4964c5 45.2%, #4f67c6 48.4%, #5469c7 51.6%, #5a6cc9 54.8%, #616fca 58.1%, #6873cc 61.3%, #6f76cd 64.5%, #767acf 67.7%, #7d7ed0 71.0%, #8583d1 74.2%, #8c87d3 77.4%, #928bd4 80.6%, #988fd5 83.9%, #9e93d6 87.1%, #a397d7 90.3%, #a79ad8 93.5%, #ab9dd8 96.8%, #ae9fd9 100.0%);
background: linear-gradient(90deg in oklch, oklch(46.06% 0.1709 258.05) 0.0%, oklch(46.36% 0.1701 258.48) 3.2%, oklch(46.68% 0.1694 258.97) 6.5%, oklch(47.04% 0.1686 259.51) 9.7%, oklch(47.43% 0.1678 260.11) 12.9%, oklch(47.86% 0.1669 260.75) 16.1%, oklch(48.32% 0.1659 261.45) 19.4%, oklch(48.81% 0.1648 262.20) 22.6%, oklch(49.35% 0.1636 263.01) 25.8%, oklch(49.93% 0.1622 263.87) 29.0%, oklch(50.54% 0.1607 264.78) 32.3%, oklch(51.20% 0.1590 265.74) 35.5%, oklch(51.90% 0.1571 266.76) 38.7%, oklch(52.65% 0.1550 267.82) 41.9%, oklch(53.45% 0.1527 268.95) 45.2%, oklch(54.29% 0.1502 270.12) 48.4%, oklch(55.19% 0.1473 271.37) 51.6%, oklch(56.23% 0.1440 272.79) 54.8%, oklch(57.40% 0.1401 274.38) 58.1%, oklch(58.67% 0.1358 276.10) 61.3%, oklch(60.03% 0.1312 277.92) 64.5%, oklch(61.44% 0.1264 279.82) 67.7%, oklch(62.89% 0.1214 281.76) 71.0%, oklch(64.35% 0.1163 283.71) 74.2%, oklch(65.80% 0.1113 285.65) 77.4%, oklch(67.21% 0.1064 287.53) 80.6%, oklch(68.56% 0.1017 289.34) 83.9%, oklch(69.83% 0.0972 291.03) 87.1%, oklch(71.00% 0.0932 292.59) 90.3%, oklch(72.03% 0.0896 293.97) 93.5%, oklch(72.92% 0.0865 295.14) 96.8%, oklch(73.62% 0.0841 296.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.171 | 258 |
| 2 | 0.547 | 0.149 | 270.7 |
| 3 | 0.736 | 0.084 | 296.1 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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