# Blue and lavender bright palette

The Blue and lavender bright 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 brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light purple.

- Also called: Vivid analogous blue to lavender linear gradient
- Seed: `kSgIa3yr1BeKiww`
- Page: https://grabient.com/kSgIa3yr1BeKiww?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.9 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 | `#035ecb` | `oklch(50.39% 0.1846 258.05)` | Royal Navy Blue | white, 6 to 1 |
| 2 | `#0b5fcb` | `oklch(50.67% 0.1842 258.48)` | Royal Navy Blue | white, 5.9 to 1 |
| 3 | `#125fcc` | `oklch(50.98% 0.1837 258.96)` | Royal Navy Blue | white, 5.9 to 1 |
| 4 | `#1860cd` | `oklch(51.31% 0.1833 259.50)` | Royal Navy Blue | white, 5.8 to 1 |
| 5 | `#1d61cf` | `oklch(51.68% 0.1829 260.08)` | Janitor | white, 5.7 to 1 |
| 6 | `#2262d0` | `oklch(52.07% 0.1825 260.71)` | Janitor | white, 5.6 to 1 |
| 7 | `#2763d1` | `oklch(52.50% 0.1820 261.40)` | Janitor | white, 5.5 to 1 |
| 8 | `#2c64d3` | `oklch(52.97% 0.1815 262.14)` | Janitor | white, 5.4 to 1 |
| 9 | `#3165d4` | `oklch(53.48% 0.1808 262.94)` | Flickr Blue | white, 5.3 to 1 |
| 10 | `#3666d5` | `oklch(54.02% 0.1799 263.79)` | Flickr Blue | white, 5.2 to 1 |
| 11 | `#3b67d7` | `oklch(54.61% 0.1788 264.70)` | Royal Blue | white, 5.1 to 1 |
| 12 | `#4069d8` | `oklch(55.24% 0.1775 265.66)` | Royal Blue | white, 4.9 to 1 |
| 13 | `#456ada` | `oklch(55.91% 0.1760 266.68)` | Royal Blue | white, 4.8 to 1 |
| 14 | `#4a6cdb` | `oklch(56.63% 0.1742 267.76)` | Cornflower | white, 4.6 to 1 |
| 15 | `#506edd` | `oklch(57.41% 0.1720 268.90)` | Cornflower | black, 4.6 to 1 |
| 16 | `#5570de` | `oklch(58.23% 0.1695 270.10)` | Cornflower | black, 4.7 to 1 |
| 17 | `#5b73df` | `oklch(59.12% 0.1666 271.39)` | Cornflower | black, 4.9 to 1 |
| 18 | `#6275e1` | `oklch(60.15% 0.1630 272.85)` | Blue Öyster Cult | black, 5.1 to 1 |
| 19 | `#6979e2` | `oklch(61.31% 0.1587 274.50)` | Pan Purple | black, 5.4 to 1 |
| 20 | `#717ce3` | `oklch(62.58% 0.1540 276.29)` | Hera Blue | black, 5.6 to 1 |
| 21 | `#7980e4` | `oklch(63.94% 0.1489 278.18)` | Tanzine | black, 6 to 1 |
| 22 | `#8184e5` | `oklch(65.35% 0.1434 280.16)` | Indigo Bloom | black, 6.3 to 1 |
| 23 | `#8888e6` | `oklch(66.80% 0.1377 282.18)` | Perrywinkle | black, 6.7 to 1 |
| 24 | `#908ce7` | `oklch(68.26% 0.1320 284.22)` | Perrywinkle | black, 7.1 to 1 |
| 25 | `#9891e8` | `oklch(69.71% 0.1263 286.24)` | Perrywinkle | black, 7.5 to 1 |
| 26 | `#9f95e9` | `oklch(71.13% 0.1206 288.21)` | Dull Lavender | black, 7.9 to 1 |
| 27 | `#a599e9` | `oklch(72.49% 0.1152 290.10)` | Dull Lavender | black, 8.3 to 1 |
| 28 | `#ab9dea` | `oklch(73.76% 0.1101 291.87)` | Dull Lavender | black, 8.7 to 1 |
| 29 | `#b1a1ea` | `oklch(74.93% 0.1055 293.49)` | Violet Velvet | black, 9.1 to 1 |
| 30 | `#b5a4eb` | `oklch(75.97% 0.1013 294.93)` | Maximum Blue Purple | black, 9.4 to 1 |
| 31 | `#b9a7eb` | `oklch(76.85% 0.0978 296.16)` | Maximum Blue Purple | black, 9.8 to 1 |
| 32 | `#bca9ec` | `oklch(77.56% 0.0951 297.15)` | Purple Sand | black, 10 to 1 |

## CSS

```css
background: linear-gradient(90deg, #035ecb 0.0%, #0b5fcb 3.2%, #125fcc 6.5%, #1860cd 9.7%, #1d61cf 12.9%, #2262d0 16.1%, #2763d1 19.4%, #2c64d3 22.6%, #3165d4 25.8%, #3666d5 29.0%, #3b67d7 32.3%, #4069d8 35.5%, #456ada 38.7%, #4a6cdb 41.9%, #506edd 45.2%, #5570de 48.4%, #5b73df 51.6%, #6275e1 54.8%, #6979e2 58.1%, #717ce3 61.3%, #7980e4 64.5%, #8184e5 67.7%, #8888e6 71.0%, #908ce7 74.2%, #9891e8 77.4%, #9f95e9 80.6%, #a599e9 83.9%, #ab9dea 87.1%, #b1a1ea 90.3%, #b5a4eb 93.5%, #b9a7eb 96.8%, #bca9ec 100.0%);
background: linear-gradient(90deg in oklch, oklch(50.39% 0.1846 258.05) 0.0%, oklch(50.67% 0.1842 258.48) 3.2%, oklch(50.98% 0.1837 258.96) 6.5%, oklch(51.31% 0.1833 259.50) 9.7%, oklch(51.68% 0.1829 260.08) 12.9%, oklch(52.07% 0.1825 260.71) 16.1%, oklch(52.50% 0.1820 261.40) 19.4%, oklch(52.97% 0.1815 262.14) 22.6%, oklch(53.48% 0.1808 262.94) 25.8%, oklch(54.02% 0.1799 263.79) 29.0%, oklch(54.61% 0.1788 264.70) 32.3%, oklch(55.24% 0.1775 265.66) 35.5%, oklch(55.91% 0.1760 266.68) 38.7%, oklch(56.63% 0.1742 267.76) 41.9%, oklch(57.41% 0.1720 268.90) 45.2%, oklch(58.23% 0.1695 270.10) 48.4%, oklch(59.12% 0.1666 271.39) 51.6%, oklch(60.15% 0.1630 272.85) 54.8%, oklch(61.31% 0.1587 274.50) 58.1%, oklch(62.58% 0.1540 276.29) 61.3%, oklch(63.94% 0.1489 278.18) 64.5%, oklch(65.35% 0.1434 280.16) 67.7%, oklch(66.80% 0.1377 282.18) 71.0%, oklch(68.26% 0.1320 284.22) 74.2%, oklch(69.71% 0.1263 286.24) 77.4%, oklch(71.13% 0.1206 288.21) 80.6%, oklch(72.49% 0.1152 290.10) 83.9%, oklch(73.76% 0.1101 291.87) 87.1%, oklch(74.93% 0.1055 293.49) 90.3%, oklch(75.97% 0.1013 294.93) 93.5%, oklch(76.85% 0.0978 296.16) 96.8%, oklch(77.56% 0.0951 297.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.504 | 0.185 | 258 |
| 2 | 0.587 | 0.168 | 270.7 |
| 3 | 0.776 | 0.095 | 297.1 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)

## Other forms

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