# Mauve slate pearl ribbons

Analogous blue, lavender and gray linear gradient with 40 colors: #2259af, #375bb2, #4e60b6, #6566b9, #7c6dba, #9175ba, #a27db9, #af86b8, #b88eb6, #bd93b5, #bc95b3, #b693b0, #ab8daa, #9d85a3, #8d7b9a, #7d7191, #6d6888, #616180, #595c79, #565b77, #5b5d78, #67657e, #797188, #8d8193, #a393a1, #b8a7af, #cbbabe, #dacbcc, #e6d9d8, #ece0de, #ede0df, #e8d9db, #dfced3, #d2c0cb, #c0b1c3, #aba3ba, #9496b1, #7e8ba6, #6b839c, #5e7d93. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous blue, lavender and gray linear gradient
- Seed: `kWeW242xdIz0QOV0hUxyRIuw`
- Page: https://grabient.com/kWeW242xdIz0QOV0hUxyRIuw?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#2259af` | `oklch(47.64% 0.1502 259.45)` | Bottled Sea | white, 6.7 to 1 |
| 2 | `#375bb2` | `oklch(49.33% 0.1446 264.67)` | Blasphemous Blue | white, 6.3 to 1 |
| 3 | `#4e60b6` | `oklch(51.80% 0.1369 272.17)` | Chinese Bellflower | white, 5.7 to 1 |
| 4 | `#6566b9` | `oklch(54.82% 0.1277 281.30)` | Bluish Purple Anemone | white, 5 to 1 |
| 5 | `#7c6dba` | `oklch(58.14% 0.1174 291.38)` | Venus Violet | black, 4.7 to 1 |
| 6 | `#9175ba` | `oklch(61.54% 0.1066 301.76)` | Middle Blue Purple | black, 5.4 to 1 |
| 7 | `#a27db9` | `oklch(64.79% 0.0958 311.75)` | Lush Lilac | black, 6.1 to 1 |
| 8 | `#af86b8` | `oklch(67.66% 0.0854 320.70)` | African Violet | black, 6.9 to 1 |
| 9 | `#b88eb6` | `oklch(69.90% 0.0760 327.94)` | Satin Flower | black, 7.5 to 1 |
| 10 | `#bd93b5` | `oklch(71.30% 0.0681 332.80)` | Mauve Magic | black, 7.9 to 1 |
| 11 | `#bc95b3` | `oklch(71.61% 0.0621 334.59)` | Cherished | black, 8.1 to 1 |
| 12 | `#b693b0` | `oklch(70.46% 0.0577 332.53)` | Roseville | black, 7.7 to 1 |
| 13 | `#ab8daa` | `oklch(68.08% 0.0545 327.19)` | Voila! | black, 7.1 to 1 |
| 14 | `#9d85a3` | `oklch(64.81% 0.0524 319.53)` | Wonder Violet | black, 6.3 to 1 |
| 15 | `#8d7b9a` | `oklch(61.05% 0.0509 310.49)` | Violet Persuasion | black, 5.4 to 1 |
| 16 | `#7d7191` | `oklch(57.16% 0.0499 301.02)` | Provence Violet | black, 4.6 to 1 |
| 17 | `#6d6888` | `oklch(53.51% 0.0490 292.07)` | Heron | white, 5.2 to 1 |
| 18 | `#616180` | `oklch(50.48% 0.0482 284.58)` | Strong Iris | white, 5.9 to 1 |
| 19 | `#595c79` | `oklch(48.43% 0.0470 279.50)` | When Worlds Collide | white, 6.4 to 1 |
| 20 | `#565b77` | `oklch(47.75% 0.0453 277.78)` | When Worlds Collide | white, 6.6 to 1 |
| 21 | `#5b5d78` | `oklch(48.82% 0.0427 280.47)` | When Worlds Collide | white, 6.3 to 1 |
| 22 | `#67657e` | `oklch(51.83% 0.0394 288.34)` | Swollen Sky | white, 5.6 to 1 |
| 23 | `#797188` | `oklch(56.37% 0.0355 300.23)` | Early Dawn | white, 4.6 to 1 |
| 24 | `#8d8193` | `oklch(61.97% 0.0313 314.83)` | Purple Ash | black, 5.6 to 1 |
| 25 | `#a393a1` | `oklch(68.17% 0.0270 330.79)` | Nirvana | black, 7.2 to 1 |
| 26 | `#b8a7af` | `oklch(74.48% 0.0230 346.79)` | Foggy Plum | black, 9.1 to 1 |
| 27 | `#cbbabe` | `oklch(80.45% 0.0194 1.49)` | Pink Polar | black, 11.3 to 1 |
| 28 | `#dacbcc` | `oklch(85.59% 0.0165 13.55)` | Old Red Crest | black, 13.4 to 1 |
| 29 | `#e6d9d8` | `oklch(89.45% 0.0145 21.65)` | Moxie | black, 15.2 to 1 |
| 30 | `#ece0de` | `oklch(91.54% 0.0138 24.44)` | Powder Room | black, 16.2 to 1 |
| 31 | `#ede0df` | `oklch(91.56% 0.0145 20.83)` | Soft Peach | black, 16.2 to 1 |
| 32 | `#e8d9db` | `oklch(89.84% 0.0167 11.38)` | Death Cap | black, 15.4 to 1 |
| 33 | `#dfced3` | `oklch(86.76% 0.0201 357.39)` | Rosebud | black, 13.9 to 1 |
| 34 | `#d2c0cb` | `oklch(82.68% 0.0244 340.12)` | Bassinet | black, 12.1 to 1 |
| 35 | `#c0b1c3` | `oklch(77.95% 0.0292 320.85)` | Almost Plum | black, 10.3 to 1 |
| 36 | `#aba3ba` | `oklch(72.96% 0.0342 300.87)` | Decanter | black, 8.6 to 1 |
| 37 | `#9496b1` | `oklch(68.05% 0.0391 281.45)` | Frosty Nightfall | black, 7.2 to 1 |
| 38 | `#7e8ba6` | `oklch(63.59% 0.0435 263.88)` | Evening Hush | black, 6.1 to 1 |
| 39 | `#6b839c` | `oklch(59.95% 0.0471 249.43)` | Lakeville | black, 5.3 to 1 |
| 40 | `#5e7d93` | `oklch(57.48% 0.0496 239.37)` | Provincial Blue | black, 4.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2259af 0.0%, #375bb2 2.6%, #4e60b6 5.1%, #6566b9 7.7%, #7c6dba 10.3%, #9175ba 12.8%, #a27db9 15.4%, #af86b8 17.9%, #b88eb6 20.5%, #bd93b5 23.1%, #bc95b3 25.6%, #b693b0 28.2%, #ab8daa 30.8%, #9d85a3 33.3%, #8d7b9a 35.9%, #7d7191 38.5%, #6d6888 41.0%, #616180 43.6%, #595c79 46.2%, #565b77 48.7%, #5b5d78 51.3%, #67657e 53.8%, #797188 56.4%, #8d8193 59.0%, #a393a1 61.5%, #b8a7af 64.1%, #cbbabe 66.7%, #dacbcc 69.2%, #e6d9d8 71.8%, #ece0de 74.4%, #ede0df 76.9%, #e8d9db 79.5%, #dfced3 82.1%, #d2c0cb 84.6%, #c0b1c3 87.2%, #aba3ba 89.7%, #9496b1 92.3%, #7e8ba6 94.9%, #6b839c 97.4%, #5e7d93 100.0%);
background: linear-gradient(135deg in oklch, oklch(47.64% 0.1502 259.45) 0.0%, oklch(49.33% 0.1446 264.67) 2.6%, oklch(51.80% 0.1369 272.17) 5.1%, oklch(54.82% 0.1277 281.30) 7.7%, oklch(58.14% 0.1174 291.38) 10.3%, oklch(61.54% 0.1066 301.76) 12.8%, oklch(64.79% 0.0958 311.75) 15.4%, oklch(67.66% 0.0854 320.70) 17.9%, oklch(69.90% 0.0760 327.94) 20.5%, oklch(71.30% 0.0681 332.80) 23.1%, oklch(71.61% 0.0621 334.59) 25.6%, oklch(70.46% 0.0577 332.53) 28.2%, oklch(68.08% 0.0545 327.19) 30.8%, oklch(64.81% 0.0524 319.53) 33.3%, oklch(61.05% 0.0509 310.49) 35.9%, oklch(57.16% 0.0499 301.02) 38.5%, oklch(53.51% 0.0490 292.07) 41.0%, oklch(50.48% 0.0482 284.58) 43.6%, oklch(48.43% 0.0470 279.50) 46.2%, oklch(47.75% 0.0453 277.78) 48.7%, oklch(48.82% 0.0427 280.47) 51.3%, oklch(51.83% 0.0394 288.34) 53.8%, oklch(56.37% 0.0355 300.23) 56.4%, oklch(61.97% 0.0313 314.83) 59.0%, oklch(68.17% 0.0270 330.79) 61.5%, oklch(74.48% 0.0230 346.79) 64.1%, oklch(80.45% 0.0194 1.49) 66.7%, oklch(85.59% 0.0165 13.55) 69.2%, oklch(89.45% 0.0145 21.65) 71.8%, oklch(91.54% 0.0138 24.44) 74.4%, oklch(91.56% 0.0145 20.83) 76.9%, oklch(89.84% 0.0167 11.38) 79.5%, oklch(86.76% 0.0201 357.39) 82.1%, oklch(82.68% 0.0244 340.12) 84.6%, oklch(77.95% 0.0292 320.85) 87.2%, oklch(72.96% 0.0342 300.87) 89.7%, oklch(68.05% 0.0391 281.45) 92.3%, oklch(63.59% 0.0435 263.88) 94.9%, oklch(59.95% 0.0471 249.43) 97.4%, oklch(57.48% 0.0496 239.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.15 | 259.5 |
| 2 | 0.717 | 0.063 | 334.5 |
| 3 | 0.48 | 0.044 | 278.5 |
| 4 | 0.917 | 0.014 | 384.1 |
| 5 | 0.575 | 0.05 | 239.4 |

## In these collections

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

## Other forms

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