# Ice blue violet gradient

The Ice blue violet gradient brings together off-white, light blue, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Analogous gray, light blue and purple linear gradient
- Seed: `kU9A3B4JxB0atwEwrD-A`
- Page: https://grabient.com/kU9A3B4JxB0atwEwrD-A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#eef2ff` | `oklch(96.06% 0.0179 272.11)` | Placebo Blue | black, 18.7 to 1 |
| 2 | `#e9eefd` | `oklch(94.91% 0.0214 273.07)` | Brilliant White | black, 18 to 1 |
| 3 | `#e4e9fb` | `oklch(93.45% 0.0258 274.37)` | Glitter | black, 17.2 to 1 |
| 4 | `#dde2f9` | `oklch(91.71% 0.0311 275.93)` | Stoic White | black, 16.3 to 1 |
| 5 | `#d7dcf6` | `oklch(89.77% 0.0370 277.68)` | Nostalgia Perfume | black, 15.4 to 1 |
| 6 | `#d0d4f3` | `oklch(87.67% 0.0434 279.52)` | Flax Bloom | black, 14.3 to 1 |
| 7 | `#c9ccf0` | `oklch(85.46% 0.0501 281.40)` | Miami White | black, 13.3 to 1 |
| 8 | `#c2c4ed` | `oklch(83.20% 0.0568 283.23)` | Violet Gems | black, 12.4 to 1 |
| 9 | `#bcbce9` | `oklch(80.94% 0.0634 284.93)` | Pretty Posie | black, 11.4 to 1 |
| 10 | `#b6b4e5` | `oklch(78.74% 0.0696 286.42)` | Beloved | black, 10.6 to 1 |
| 11 | `#b0ace1` | `oklch(76.65% 0.0754 287.63)` | Maximum Blue Purple | black, 9.8 to 1 |
| 12 | `#aaa5dd` | `oklch(74.67% 0.0807 288.54)` | Simply Violet | black, 9.1 to 1 |
| 13 | `#a59eda` | `oklch(72.67% 0.0861 289.26)` | Simply Violet | black, 8.4 to 1 |
| 14 | `#9f97d6` | `oklch(70.65% 0.0917 289.84)` | Gorgeous Hydrangea | black, 7.8 to 1 |
| 15 | `#9990d2` | `oklch(68.62% 0.0972 290.28)` | Adora | black, 7.2 to 1 |
| 16 | `#9489ce` | `oklch(66.59% 0.1026 290.61)` | Adora | black, 6.7 to 1 |
| 17 | `#8e82cb` | `oklch(64.57% 0.1078 290.84)` | Amethyst Grey | black, 6.1 to 1 |
| 18 | `#887bc6` | `oklch(62.56% 0.1126 290.99)` | Ube | black, 5.6 to 1 |
| 19 | `#8374c2` | `oklch(60.58% 0.1169 291.08)` | Purple Hebe | black, 5.2 to 1 |
| 20 | `#7d6ebe` | `oklch(58.64% 0.1207 291.12)` | Venus Violet | black, 4.8 to 1 |
| 21 | `#7868b9` | `oklch(56.74% 0.1238 291.13)` | Ultra Violet | white, 4.7 to 1 |
| 22 | `#7362b4` | `oklch(54.90% 0.1260 291.12)` | Genestealer Purple | white, 5 to 1 |
| 23 | `#6d5caf` | `oklch(53.00% 0.1274 291.01)` | Blue Marguerite | white, 5.5 to 1 |
| 24 | `#6756a9` | `oklch(51.05% 0.1279 290.78)` | Prophet Violet | white, 6 to 1 |
| 25 | `#6251a3` | `oklch(49.08% 0.1278 290.47)` | Ultrapurple Merge | white, 6.5 to 1 |
| 26 | `#5c4b9d` | `oklch(47.14% 0.1272 290.09)` | Coronation Blue | white, 7.1 to 1 |
| 27 | `#564696` | `oklch(45.26% 0.1262 289.67)` | Liberty | white, 7.7 to 1 |
| 28 | `#514290` | `oklch(43.49% 0.1250 289.25)` | Moonlight Sonata | white, 8.3 to 1 |
| 29 | `#4c3d8b` | `oklch(41.86% 0.1237 288.84)` | Blue Gem | white, 8.9 to 1 |
| 30 | `#483a86` | `oklch(40.40% 0.1226 288.47)` | Nauseous Blue | white, 9.4 to 1 |
| 31 | `#453682` | `oklch(39.17% 0.1217 288.17)` | Galactic Compass | white, 9.9 to 1 |
| 32 | `#42347e` | `oklch(38.19% 0.1213 287.96)` | Galactic Compass | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #eef2ff 0.0%, #e9eefd 3.2%, #e4e9fb 6.5%, #dde2f9 9.7%, #d7dcf6 12.9%, #d0d4f3 16.1%, #c9ccf0 19.4%, #c2c4ed 22.6%, #bcbce9 25.8%, #b6b4e5 29.0%, #b0ace1 32.3%, #aaa5dd 35.5%, #a59eda 38.7%, #9f97d6 41.9%, #9990d2 45.2%, #9489ce 48.4%, #8e82cb 51.6%, #887bc6 54.8%, #8374c2 58.1%, #7d6ebe 61.3%, #7868b9 64.5%, #7362b4 67.7%, #6d5caf 71.0%, #6756a9 74.2%, #6251a3 77.4%, #5c4b9d 80.6%, #564696 83.9%, #514290 87.1%, #4c3d8b 90.3%, #483a86 93.5%, #453682 96.8%, #42347e 100.0%);
background: linear-gradient(90deg in oklch, oklch(96.06% 0.0179 272.11) 0.0%, oklch(94.91% 0.0214 273.07) 3.2%, oklch(93.45% 0.0258 274.37) 6.5%, oklch(91.71% 0.0311 275.93) 9.7%, oklch(89.77% 0.0370 277.68) 12.9%, oklch(87.67% 0.0434 279.52) 16.1%, oklch(85.46% 0.0501 281.40) 19.4%, oklch(83.20% 0.0568 283.23) 22.6%, oklch(80.94% 0.0634 284.93) 25.8%, oklch(78.74% 0.0696 286.42) 29.0%, oklch(76.65% 0.0754 287.63) 32.3%, oklch(74.67% 0.0807 288.54) 35.5%, oklch(72.67% 0.0861 289.26) 38.7%, oklch(70.65% 0.0917 289.84) 41.9%, oklch(68.62% 0.0972 290.28) 45.2%, oklch(66.59% 0.1026 290.61) 48.4%, oklch(64.57% 0.1078 290.84) 51.6%, oklch(62.56% 0.1126 290.99) 54.8%, oklch(60.58% 0.1169 291.08) 58.1%, oklch(58.64% 0.1207 291.12) 61.3%, oklch(56.74% 0.1238 291.13) 64.5%, oklch(54.90% 0.1260 291.12) 67.7%, oklch(53.00% 0.1274 291.01) 71.0%, oklch(51.05% 0.1279 290.78) 74.2%, oklch(49.08% 0.1278 290.47) 77.4%, oklch(47.14% 0.1272 290.09) 80.6%, oklch(45.26% 0.1262 289.67) 83.9%, oklch(43.49% 0.1250 289.25) 87.1%, oklch(41.86% 0.1237 288.84) 90.3%, oklch(40.40% 0.1226 288.47) 93.5%, oklch(39.17% 0.1217 288.17) 96.8%, oklch(38.19% 0.1213 287.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.018 | 272.1 |
| 2 | 0.76 | 0.077 | 288 |
| 3 | 0.555 | 0.125 | 291.1 |
| 4 | 0.382 | 0.121 | 288 |

## In these collections

- [Cool gradients](https://grabient.com/cool-gradients)
- [Radial gradients](https://grabient.com/radial-gradients)

## Other forms

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