# Blue Mist between Plum Shadows

This palette moves from magenta through off-white to dark purple. It lightens and then darkens across a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Purple, gray, light blue and dark purple linear gradient
- Seed: `kSfTLl9wi0SYbys`
- Page: https://grabient.com/kSfTLl9wi0SYbys?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.8 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 | `#745478` | `oklch(49.21% 0.0689 322.73)` | Opulent Ostrich | white, 6.4 to 1 |
| 2 | `#775a7f` | `oklch(51.04% 0.0671 318.80)` | Dr Who | white, 5.9 to 1 |
| 3 | `#7b6288` | `oklch(53.56% 0.0645 313.48)` | Dusty Purple | white, 5.3 to 1 |
| 4 | `#806d93` | `oklch(56.66% 0.0615 307.03)` | Ornate | white, 4.6 to 1 |
| 5 | `#86799f` | `oklch(60.21% 0.0580 299.65)` | Relic | black, 5.2 to 1 |
| 6 | `#8c87ab` | `oklch(64.09% 0.0541 291.60)` | Purple Hills | black, 6.1 to 1 |
| 7 | `#9495b8` | `oklch(68.17% 0.0501 283.10)` | Lively Lilac | black, 7.2 to 1 |
| 8 | `#9ca4c3` | `oklch(72.34% 0.0460 274.39)` | Wild Phlox | black, 8.5 to 1 |
| 9 | `#a6b3ce` | `oklch(76.46% 0.0419 265.69)` | Kentucky Blue | black, 9.9 to 1 |
| 10 | `#b0c0d8` | `oklch(80.43% 0.0379 257.24)` | Movie Magic | black, 11.4 to 1 |
| 11 | `#bacde1` | `oklch(84.10% 0.0342 249.27)` | Impressionist Sky | black, 12.9 to 1 |
| 12 | `#c5d8e8` | `oklch(87.37% 0.0308 242.02)` | Snowy Summit | black, 14.4 to 1 |
| 13 | `#cee2ef` | `oklch(90.10% 0.0280 235.72)` | Cold Turbulence | black, 15.7 to 1 |
| 14 | `#d5e9f3` | `oklch(92.18% 0.0257 230.59)` | Freezing Vapour | black, 16.7 to 1 |
| 15 | `#daedf6` | `oklch(93.48% 0.0242 226.87)` | Ice Fishing | black, 17.4 to 1 |
| 16 | `#dbeff7` | `oklch(93.88% 0.0234 224.80)` | Ice Fishing | black, 17.6 to 1 |
| 17 | `#d9ecf5` | `oklch(93.25% 0.0237 224.60)` | Ice Fishing | black, 17.3 to 1 |
| 18 | `#d3e7f0` | `oklch(91.53% 0.0249 226.23)` | On Thin Ice | black, 16.4 to 1 |
| 19 | `#c9dee9` | `oklch(88.86% 0.0269 229.50)` | Wind of Change | black, 15.1 to 1 |
| 20 | `#bdd3e0` | `oklch(85.37% 0.0297 234.16)` | Two Harbours | black, 13.5 to 1 |
| 21 | `#afc5d5` | `oklch(81.19% 0.0330 239.99)` | Cloudy Valley | black, 11.7 to 1 |
| 22 | `#a0b5c9` | `oklch(76.47% 0.0369 246.77)` | Country Air | black, 9.9 to 1 |
| 23 | `#91a4bc` | `oklch(71.35% 0.0411 254.26)` | Faded Lilac | black, 8.2 to 1 |
| 24 | `#8393af` | `oklch(65.96% 0.0456 262.24)` | Lilac Blue | black, 6.7 to 1 |
| 25 | `#7680a0` | `oklch(60.45% 0.0502 270.48)` | Positively Purple | black, 5.3 to 1 |
| 26 | `#6a6e92` | `oklch(54.94% 0.0548 278.75)` | Campanula Purple | white, 4.9 to 1 |
| 27 | `#5f5d83` | `oklch(49.59% 0.0593 286.84)` | Purple Balloon | white, 6.2 to 1 |
| 28 | `#564d74` | `oklch(44.53% 0.0636 294.50)` | Perpetual Purple | white, 7.7 to 1 |
| 29 | `#4e3e66` | `oklch(39.89% 0.0675 301.51)` | Geode | white, 9.5 to 1 |
| 30 | `#473259` | `oklch(35.81% 0.0709 307.65)` | Scarlet Gum | white, 11.2 to 1 |
| 31 | `#41284f` | `oklch(32.45% 0.0737 312.69)` | Operetta Mauve | white, 12.8 to 1 |
| 32 | `#3c2047` | `oklch(29.92% 0.0758 316.39)` | Obsidian Orchid | white, 14.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #745478 0.0%, #775a7f 3.2%, #7b6288 6.5%, #806d93 9.7%, #86799f 12.9%, #8c87ab 16.1%, #9495b8 19.4%, #9ca4c3 22.6%, #a6b3ce 25.8%, #b0c0d8 29.0%, #bacde1 32.3%, #c5d8e8 35.5%, #cee2ef 38.7%, #d5e9f3 41.9%, #daedf6 45.2%, #dbeff7 48.4%, #d9ecf5 51.6%, #d3e7f0 54.8%, #c9dee9 58.1%, #bdd3e0 61.3%, #afc5d5 64.5%, #a0b5c9 67.7%, #91a4bc 71.0%, #8393af 74.2%, #7680a0 77.4%, #6a6e92 80.6%, #5f5d83 83.9%, #564d74 87.1%, #4e3e66 90.3%, #473259 93.5%, #41284f 96.8%, #3c2047 100.0%);
background: linear-gradient(135deg in oklch, oklch(49.21% 0.0689 322.73) 0.0%, oklch(51.04% 0.0671 318.80) 3.2%, oklch(53.56% 0.0645 313.48) 6.5%, oklch(56.66% 0.0615 307.03) 9.7%, oklch(60.21% 0.0580 299.65) 12.9%, oklch(64.09% 0.0541 291.60) 16.1%, oklch(68.17% 0.0501 283.10) 19.4%, oklch(72.34% 0.0460 274.39) 22.6%, oklch(76.46% 0.0419 265.69) 25.8%, oklch(80.43% 0.0379 257.24) 29.0%, oklch(84.10% 0.0342 249.27) 32.3%, oklch(87.37% 0.0308 242.02) 35.5%, oklch(90.10% 0.0280 235.72) 38.7%, oklch(92.18% 0.0257 230.59) 41.9%, oklch(93.48% 0.0242 226.87) 45.2%, oklch(93.88% 0.0234 224.80) 48.4%, oklch(93.25% 0.0237 224.60) 51.6%, oklch(91.53% 0.0249 226.23) 54.8%, oklch(88.86% 0.0269 229.50) 58.1%, oklch(85.37% 0.0297 234.16) 61.3%, oklch(81.19% 0.0330 239.99) 64.5%, oklch(76.47% 0.0369 246.77) 67.7%, oklch(71.35% 0.0411 254.26) 71.0%, oklch(65.96% 0.0456 262.24) 74.2%, oklch(60.45% 0.0502 270.48) 77.4%, oklch(54.94% 0.0548 278.75) 80.6%, oklch(49.59% 0.0593 286.84) 83.9%, oklch(44.53% 0.0636 294.50) 87.1%, oklch(39.89% 0.0675 301.51) 90.3%, oklch(35.81% 0.0709 307.65) 93.5%, oklch(32.45% 0.0737 312.69) 96.8%, oklch(29.92% 0.0758 316.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.492 | 0.069 | 322.7 |
| 2 | 0.937 | 0.023 | 224.5 |
| 3 | 0.299 | 0.076 | 316.4 |

## In these collections

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

## Other forms

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