# Mauve and sky blue color palette

Muted duotone purple to light blue linear gradient with 32 colors: #7c657f, #7f6782, #826a85, #856d89, #89708d, #8e7492, #937897, #987c9d, #9d81a2, #a285a8, #a68aae, #ab8eb4, #af93ba, #b397bf, #b59bc5, #b79fca, #b9a3ce, #b9a7d2, #b9abd6, #b8afd9, #b7b3dc, #b6b7de, #b4bbdf, #b3bee0, #b3c1e0, #b3c4e0, #b3c7df, #b4c9de, #b5cbde, #b6cddd, #b7cedc, #b9cfdc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted duotone purple to light blue linear gradient
- Seed: `kSiSPl3pe-WsLNu`
- Page: https://grabient.com/kSiSPl3pe-WsLNu?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#7c657f` | `oklch(53.94% 0.0482 322.73)` | Grape Jelly | white, 5.1 to 1 |
| 2 | `#7f6782` | `oklch(54.70% 0.0489 322.36)` | Matriarch | white, 5 to 1 |
| 3 | `#826a85` | `oklch(55.65% 0.0499 322.09)` | Matriarch | white, 4.8 to 1 |
| 4 | `#856d89` | `oklch(56.77% 0.0512 321.88)` | Grey Purple | white, 4.6 to 1 |
| 5 | `#89708d` | `oklch(58.03% 0.0526 321.71)` | Greyish Purple | black, 4.7 to 1 |
| 6 | `#8e7492` | `oklch(59.40% 0.0541 321.52)` | Self Powered | black, 5 to 1 |
| 7 | `#937897` | `oklch(60.86% 0.0558 321.28)` | Vestige | black, 5.3 to 1 |
| 8 | `#987c9d` | `oklch(62.39% 0.0574 320.95)` | Divine | black, 5.7 to 1 |
| 9 | `#9d81a2` | `oklch(63.95% 0.0590 320.49)` | Rhapsody | black, 6 to 1 |
| 10 | `#a285a8` | `oklch(65.53% 0.0606 319.87)` | Wonder Violet | black, 6.4 to 1 |
| 11 | `#a68aae` | `oklch(67.10% 0.0620 319.03)` | Violet Eclipse | black, 6.8 to 1 |
| 12 | `#ab8eb4` | `oklch(68.63% 0.0632 317.95)` | Superstitious | black, 7.2 to 1 |
| 13 | `#af93ba` | `oklch(70.10% 0.0642 316.59)` | Lavender Earl | black, 7.6 to 1 |
| 14 | `#b397bf` | `oklch(71.49% 0.0648 314.90)` | Atlantic Tulip | black, 8.1 to 1 |
| 15 | `#b59bc5` | `oklch(72.76% 0.0651 312.85)` | Crocus Petal | black, 8.4 to 1 |
| 16 | `#b79fca` | `oklch(73.90% 0.0650 310.39)` | Dechala Lilac | black, 8.8 to 1 |
| 17 | `#b9a3ce` | `oklch(74.89% 0.0644 307.45)` | Lucius Lilac | black, 9.1 to 1 |
| 18 | `#b9a7d2` | `oklch(75.82% 0.0633 303.77)` | Grape Illusion | black, 9.5 to 1 |
| 19 | `#b9abd6` | `oklch(76.71% 0.0617 299.43)` | Purple Hibiscus | black, 9.8 to 1 |
| 20 | `#b8afd9` | `oklch(77.55% 0.0598 294.53)` | Delicate Lilac | black, 10.1 to 1 |
| 21 | `#b7b3dc` | `oklch(78.34% 0.0575 289.19)` | Beloved | black, 10.4 to 1 |
| 22 | `#b6b7de` | `oklch(79.09% 0.0549 283.51)` | Wild Orchid Blue | black, 10.7 to 1 |
| 23 | `#b4bbdf` | `oklch(79.79% 0.0522 277.61)` | Wish | black, 11 to 1 |
| 24 | `#b3bee0` | `oklch(80.45% 0.0493 271.60)` | Wish | black, 11.3 to 1 |
| 25 | `#b3c1e0` | `oklch(81.07% 0.0464 265.59)` | Eternal Elegance | black, 11.6 to 1 |
| 26 | `#b3c4e0` | `oklch(81.65% 0.0435 259.69)` | Periwinkle Bud | black, 11.8 to 1 |
| 27 | `#b3c7df` | `oklch(82.18% 0.0407 254.02)` | Newman’s Eye | black, 12.1 to 1 |
| 28 | `#b4c9de` | `oklch(82.67% 0.0380 248.68)` | Wind Blue | black, 12.3 to 1 |
| 29 | `#b5cbde` | `oklch(83.13% 0.0356 243.79)` | Big Sur | black, 12.5 to 1 |
| 30 | `#b6cddd` | `oklch(83.54% 0.0334 239.46)` | Wondrous Blue | black, 12.7 to 1 |
| 31 | `#b7cedc` | `oklch(83.92% 0.0317 235.79)` | Wondrous Blue | black, 12.8 to 1 |
| 32 | `#b9cfdc` | `oklch(84.25% 0.0303 232.91)` | Constellation | black, 13 to 1 |

## CSS

```css
background: linear-gradient(180deg, #7c657f 0.0%, #7f6782 3.2%, #826a85 6.5%, #856d89 9.7%, #89708d 12.9%, #8e7492 16.1%, #937897 19.4%, #987c9d 22.6%, #9d81a2 25.8%, #a285a8 29.0%, #a68aae 32.3%, #ab8eb4 35.5%, #af93ba 38.7%, #b397bf 41.9%, #b59bc5 45.2%, #b79fca 48.4%, #b9a3ce 51.6%, #b9a7d2 54.8%, #b9abd6 58.1%, #b8afd9 61.3%, #b7b3dc 64.5%, #b6b7de 67.7%, #b4bbdf 71.0%, #b3bee0 74.2%, #b3c1e0 77.4%, #b3c4e0 80.6%, #b3c7df 83.9%, #b4c9de 87.1%, #b5cbde 90.3%, #b6cddd 93.5%, #b7cedc 96.8%, #b9cfdc 100.0%);
background: linear-gradient(180deg in oklch, oklch(53.94% 0.0482 322.73) 0.0%, oklch(54.70% 0.0489 322.36) 3.2%, oklch(55.65% 0.0499 322.09) 6.5%, oklch(56.77% 0.0512 321.88) 9.7%, oklch(58.03% 0.0526 321.71) 12.9%, oklch(59.40% 0.0541 321.52) 16.1%, oklch(60.86% 0.0558 321.28) 19.4%, oklch(62.39% 0.0574 320.95) 22.6%, oklch(63.95% 0.0590 320.49) 25.8%, oklch(65.53% 0.0606 319.87) 29.0%, oklch(67.10% 0.0620 319.03) 32.3%, oklch(68.63% 0.0632 317.95) 35.5%, oklch(70.10% 0.0642 316.59) 38.7%, oklch(71.49% 0.0648 314.90) 41.9%, oklch(72.76% 0.0651 312.85) 45.2%, oklch(73.90% 0.0650 310.39) 48.4%, oklch(74.89% 0.0644 307.45) 51.6%, oklch(75.82% 0.0633 303.77) 54.8%, oklch(76.71% 0.0617 299.43) 58.1%, oklch(77.55% 0.0598 294.53) 61.3%, oklch(78.34% 0.0575 289.19) 64.5%, oklch(79.09% 0.0549 283.51) 67.7%, oklch(79.79% 0.0522 277.61) 71.0%, oklch(80.45% 0.0493 271.60) 74.2%, oklch(81.07% 0.0464 265.59) 77.4%, oklch(81.65% 0.0435 259.69) 80.6%, oklch(82.18% 0.0407 254.02) 83.9%, oklch(82.67% 0.0380 248.68) 87.1%, oklch(83.13% 0.0356 243.79) 90.3%, oklch(83.54% 0.0334 239.46) 93.5%, oklch(83.92% 0.0317 235.79) 96.8%, oklch(84.25% 0.0303 232.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.539 | 0.048 | 322.7 |
| 2 | 0.744 | 0.065 | 309 |
| 3 | 0.843 | 0.03 | 232.9 |

## In these collections

- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)
- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)

## Other forms

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