# Electric Iris

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

- Also called: Vivid analogous blue to lavender linear gradient
- Seed: `kcZsu8OnHADzrQNKVUDWzY_-eiP9snUG6arCI`
- Page: https://grabient.com/kcZsu8OnHADzrQNKVUDWzY_-eiP9snUG6arCI?steps=13&angle=180
- Drawn as: linear gradient, 13 steps, 180 degrees
- Kinds: dark to light, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.5 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 | `#0300da` | `oklch(40.17% 0.2775 264.38)` | Bluealicious | white, 10.4 to 1 |
| 2 | `#0600f1` | `oklch(43.36% 0.2991 264.49)` | Hyperlink Blue | white, 9.2 to 1 |
| 3 | `#1a0dff` | `oklch(46.10% 0.3068 266.30)` | Blue Pencil | white, 8.2 to 1 |
| 4 | `#3400ff` | `oklch(46.63% 0.3034 270.83)` | Electric Ultramarine | white, 8.1 to 1 |
| 5 | `#4a2ffe` | `oklch(50.44% 0.2788 275.57)` | Ultra Indigo | white, 6.7 to 1 |
| 6 | `#6656ff` | `oklch(57.26% 0.2398 279.87)` | Shady Neon Blue | white, 4.8 to 1 |
| 7 | `#7e7bff` | `oklch(65.01% 0.1912 280.75)` | Blue Party Parrot | black, 6.1 to 1 |
| 8 | `#969bfe` | `oklch(72.62% 0.1430 280.12)` | Cobalite | black, 8.3 to 1 |
| 9 | `#aab3ff` | `oklch(78.78% 0.1079 278.39)` | Winterspring Lilac | black, 10.5 to 1 |
| 10 | `#bec1ff` | `oklch(83.04% 0.0862 281.65)` | Light Periwinkle | black, 12.2 to 1 |
| 11 | `#cec6ff` | `oklch(85.21% 0.0788 291.07)` | Innocent Snowdrop | black, 13.1 to 1 |
| 12 | `#d8bfff` | `oklch(84.78% 0.0913 302.56)` | Lavender Fragrance | black, 12.8 to 1 |
| 13 | `#e2b1fe` | `oklch(83.07% 0.1171 312.99)` | Mauve | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #0300da 0.0%, #0600f1 8.3%, #1a0dff 16.7%, #3400ff 25.0%, #4a2ffe 33.3%, #6656ff 41.7%, #7e7bff 50.0%, #969bfe 58.3%, #aab3ff 66.7%, #bec1ff 75.0%, #cec6ff 83.3%, #d8bfff 91.7%, #e2b1fe 100.0%);
background: linear-gradient(180deg in oklch, oklch(40.17% 0.2775 264.38) 0.0%, oklch(43.36% 0.2991 264.49) 8.3%, oklch(46.10% 0.3068 266.30) 16.7%, oklch(46.63% 0.3034 270.83) 25.0%, oklch(50.44% 0.2788 275.57) 33.3%, oklch(57.26% 0.2398 279.87) 41.7%, oklch(65.01% 0.1912 280.75) 50.0%, oklch(72.62% 0.1430 280.12) 58.3%, oklch(78.78% 0.1079 278.39) 66.7%, oklch(83.04% 0.0862 281.65) 75.0%, oklch(85.21% 0.0788 291.07) 83.3%, oklch(84.78% 0.0913 302.56) 91.7%, oklch(83.07% 0.1171 312.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.28 | 264.4 |
| 2 | 0.457 | 0.313 | 265.4 |
| 3 | 0.476 | 0.295 | 272.8 |
| 4 | 0.583 | 0.234 | 280.2 |
| 5 | 0.717 | 0.149 | 280.2 |
| 6 | 0.815 | 0.094 | 279.2 |
| 7 | 0.854 | 0.08 | 294 |
| 8 | 0.831 | 0.117 | 313 |

## In these collections

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

## Other forms

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