# Violet blue and purple palette

The Violet blue and purple palette brings together light blue, blue, and purple. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is light blue.

- Also called: Analogous light blue to purple linear gradient
- Seed: `kU1TqyWT3BkJMQgzRUKA`
- Page: https://grabient.com/kU1TqyWT3BkJMQgzRUKA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.2 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 | `#a3cffd` | `oklch(83.86% 0.0799 250.31)` | Baby Blue | black, 12.8 to 1 |
| 2 | `#9eccfe` | `oklch(83.09% 0.0853 251.08)` | Apocyan | black, 12.5 to 1 |
| 3 | `#99c9ff` | `oklch(82.12% 0.0920 252.04)` | Apocyan | black, 12.1 to 1 |
| 4 | `#94c5ff` | `oklch(80.99% 0.0978 253.17)` | Clear Sky | black, 11.6 to 1 |
| 5 | `#8ec0ff` | `oklch(79.72% 0.1042 254.43)` | Scenic Water | black, 11.1 to 1 |
| 6 | `#88bbff` | `oklch(78.34% 0.1114 255.82)` | Scenic Water | black, 10.6 to 1 |
| 7 | `#82b6ff` | `oklch(76.87% 0.1190 257.29)` | Parakeet Blue | black, 10 to 1 |
| 8 | `#7db0ff` | `oklch(75.33% 0.1272 258.82)` | French Sky Blue | black, 9.5 to 1 |
| 9 | `#77aaff` | `oklch(73.75% 0.1356 260.39)` | Fennel Flower | black, 8.9 to 1 |
| 10 | `#72a3ff` | `oklch(72.17% 0.1443 261.97)` | Fennel Flower | black, 8.4 to 1 |
| 11 | `#6e9dff` | `oklch(70.59% 0.1530 263.53)` | Blue Chaos | black, 7.9 to 1 |
| 12 | `#6a96ff` | `oklch(69.02% 0.1620 265.08)` | Blue Chaos | black, 7.4 to 1 |
| 13 | `#668fff` | `oklch(67.33% 0.1718 266.66)` | Punch Out Glove | black, 6.9 to 1 |
| 14 | `#6287ff` | `oklch(65.56% 0.1825 268.28)` | Deep Denim | black, 6.4 to 1 |
| 15 | `#607ffd` | `oklch(63.72% 0.1897 269.94)` | Flickery C64 | black, 5.9 to 1 |
| 16 | `#5f77f8` | `oklch(61.84% 0.1942 271.64)` | Byzantine Night Blue | black, 5.4 to 1 |
| 17 | `#5e6ff4` | `oklch(59.96% 0.1982 273.38)` | Blue Hepatica | black, 5 to 1 |
| 18 | `#5d67ef` | `oklch(58.11% 0.2017 275.16)` | Flickering Sea | black, 4.6 to 1 |
| 19 | `#5d5fea` | `oklch(56.30% 0.2046 276.97)` | Flickering Sea | white, 4.9 to 1 |
| 20 | `#5d57e4` | `oklch(54.58% 0.2069 278.83)` | Majorelle Blue | white, 5.3 to 1 |
| 21 | `#5d50df` | `oklch(52.97% 0.2086 280.73)` | Majorelle Blue | white, 5.7 to 1 |
| 22 | `#5d49d9` | `oklch(51.49% 0.2097 282.68)` | Majorelle Blue | white, 6.1 to 1 |
| 23 | `#5e42d3` | `oklch(50.05% 0.2097 284.83)` | Dragonlord Purple | white, 6.5 to 1 |
| 24 | `#5f3ccc` | `oklch(48.64% 0.2087 287.18)` | Dragonlord Purple | white, 7 to 1 |
| 25 | `#6035c5` | `oklch(47.28% 0.2069 289.64)` | Purple Spot | white, 7.4 to 1 |
| 26 | `#6130bd` | `oklch(45.97% 0.2046 292.16)` | Purple Spot | white, 7.9 to 1 |
| 27 | `#612ab5` | `oklch(44.73% 0.2018 294.64)` | Rabbit-Ear Iris | white, 8.3 to 1 |
| 28 | `#6125ae` | `oklch(43.58% 0.1989 297.04)` | Rabbit-Ear Iris | white, 8.7 to 1 |
| 29 | `#6121a7` | `oklch(42.53% 0.1961 299.26)` | Indiviolet Sunset | white, 9.1 to 1 |
| 30 | `#611da1` | `oklch(41.60% 0.1936 301.24)` | Wild Violet | white, 9.5 to 1 |
| 31 | `#61199c` | `oklch(40.81% 0.1915 302.92)` | Wild Violet | white, 9.8 to 1 |
| 32 | `#601698` | `oklch(40.16% 0.1902 304.21)` | Wild Violet | white, 10.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #a3cffd 0.0%, #9eccfe 3.2%, #99c9ff 6.5%, #94c5ff 9.7%, #8ec0ff 12.9%, #88bbff 16.1%, #82b6ff 19.4%, #7db0ff 22.6%, #77aaff 25.8%, #72a3ff 29.0%, #6e9dff 32.3%, #6a96ff 35.5%, #668fff 38.7%, #6287ff 41.9%, #607ffd 45.2%, #5f77f8 48.4%, #5e6ff4 51.6%, #5d67ef 54.8%, #5d5fea 58.1%, #5d57e4 61.3%, #5d50df 64.5%, #5d49d9 67.7%, #5e42d3 71.0%, #5f3ccc 74.2%, #6035c5 77.4%, #6130bd 80.6%, #612ab5 83.9%, #6125ae 87.1%, #6121a7 90.3%, #611da1 93.5%, #61199c 96.8%, #601698 100.0%);
background: linear-gradient(90deg in oklch, oklch(83.86% 0.0799 250.31) 0.0%, oklch(83.09% 0.0853 251.08) 3.2%, oklch(82.12% 0.0920 252.04) 6.5%, oklch(80.99% 0.0978 253.17) 9.7%, oklch(79.72% 0.1042 254.43) 12.9%, oklch(78.34% 0.1114 255.82) 16.1%, oklch(76.87% 0.1190 257.29) 19.4%, oklch(75.33% 0.1272 258.82) 22.6%, oklch(73.75% 0.1356 260.39) 25.8%, oklch(72.17% 0.1443 261.97) 29.0%, oklch(70.59% 0.1530 263.53) 32.3%, oklch(69.02% 0.1620 265.08) 35.5%, oklch(67.33% 0.1718 266.66) 38.7%, oklch(65.56% 0.1825 268.28) 41.9%, oklch(63.72% 0.1897 269.94) 45.2%, oklch(61.84% 0.1942 271.64) 48.4%, oklch(59.96% 0.1982 273.38) 51.6%, oklch(58.11% 0.2017 275.16) 54.8%, oklch(56.30% 0.2046 276.97) 58.1%, oklch(54.58% 0.2069 278.83) 61.3%, oklch(52.97% 0.2086 280.73) 64.5%, oklch(51.49% 0.2097 282.68) 67.7%, oklch(50.05% 0.2097 284.83) 71.0%, oklch(48.64% 0.2087 287.18) 74.2%, oklch(47.28% 0.2069 289.64) 77.4%, oklch(45.97% 0.2046 292.16) 80.6%, oklch(44.73% 0.2018 294.64) 83.9%, oklch(43.58% 0.1989 297.04) 87.1%, oklch(42.53% 0.1961 299.26) 90.3%, oklch(41.60% 0.1936 301.24) 93.5%, oklch(40.81% 0.1915 302.92) 96.8%, oklch(40.16% 0.1902 304.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.08 | 250.3 |
| 2 | 0.701 | 0.169 | 264.1 |
| 3 | 0.52 | 0.209 | 282 |
| 4 | 0.402 | 0.19 | 304.2 |

## In these collections

- [Blue and purple gradients](https://grabient.com/blue-and-purple-gradients)

## Other forms

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