# Soft muted plum muted violet blue gradient

Purple, blue and gray linear gradient with 48 colors: #9f4f8e, #9d5296, #9957a0, #945dac, #8c64b8, #826cc3, #7775cb, #6a7dd0, #5d85d2, #508bd2, #4690d0, #4092cc, #3f92c9, #438fc4, #4a88be, #5280b6, #5976ac, #5e6da0, #616493, #625d87, #62577c, #615373, #60516e, #61526d, #635670, #675e79, #6d6a86, #747995, #7b8aa6, #839db6, #8bb0c5, #93c3d0, #9cd4d9, #a5e1dd, #abeadf, #adeedf, #a8eddc, #9be7d7, #88ddd2, #70cfcd, #56bfc8, #3cacc3, #2798bd, #1d83b5, #206fad, #275da3, #2c4d9a, #2f4293. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, blue and gray linear gradient
- Seed: `kWi2HvUKo0ruQR_ymbBtLFKw`
- Page: https://grabient.com/kWi2HvUKo0ruQR_ymbBtLFKw?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: cool
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#9f4f8e` | `oklch(54.72% 0.1337 336.09)` | Hyacinth Violet | white, 5.2 to 1 |
| 2 | `#9d5296` | `oklch(55.24% 0.1330 330.85)` | Hyacinth Violet | white, 5.1 to 1 |
| 3 | `#9957a0` | `oklch(55.99% 0.1323 323.52)` | Heath Spotted Orchid | white, 4.9 to 1 |
| 4 | `#945dac` | `oklch(56.93% 0.1317 314.59)` | Lusty Lavender | white, 4.7 to 1 |
| 5 | `#8c64b8` | `oklch(57.99% 0.1309 304.54)` | Lusty Lavender | black, 4.6 to 1 |
| 6 | `#826cc3` | `oklch(59.11% 0.1301 293.84)` | Lavish Spending | black, 4.8 to 1 |
| 7 | `#7775cb` | `oklch(60.23% 0.1290 282.96)` | Kickstart Purple | black, 5.1 to 1 |
| 8 | `#6a7dd0` | `oklch(61.27% 0.1277 272.39)` | Kickstart Purple | black, 5.4 to 1 |
| 9 | `#5d85d2` | `oklch(62.19% 0.1261 262.60)` | Berlin Blue | black, 5.7 to 1 |
| 10 | `#508bd2` | `oklch(62.91% 0.1240 254.07)` | Berlin Blue | black, 5.9 to 1 |
| 11 | `#4690d0` | `oklch(63.37% 0.1215 247.27)` | Magical Merlin | black, 6.1 to 1 |
| 12 | `#4092cc` | `oklch(63.52% 0.1184 242.69)` | Splish Splash | black, 6.2 to 1 |
| 13 | `#3f92c9` | `oklch(63.28% 0.1147 240.81)` | Splish Splash | black, 6.1 to 1 |
| 14 | `#438fc4` | `oklch(62.39% 0.1099 242.27)` | Azure Blue | black, 5.9 to 1 |
| 15 | `#4a88be` | `oklch(60.91% 0.1039 246.70)` | Sea Salt Rivers | black, 5.5 to 1 |
| 16 | `#5280b6` | `oklch(58.98% 0.0971 253.41)` | Fisher King | black, 5.1 to 1 |
| 17 | `#5976ac` | `oklch(56.76% 0.0897 261.75)` | Sapphire Shimmer Blue | black, 4.6 to 1 |
| 18 | `#5e6da0` | `oklch(54.42% 0.0820 271.05)` | Moonshade | white, 5 to 1 |
| 19 | `#616493` | `oklch(52.10% 0.0743 280.63)` | Prime Purple | white, 5.5 to 1 |
| 20 | `#625d87` | `oklch(49.96% 0.0668 289.84)` | Purple Balloon | white, 6.1 to 1 |
| 21 | `#62577c` | `oklch(48.17% 0.0599 297.99)` | Taylor | white, 6.6 to 1 |
| 22 | `#615373` | `oklch(46.87% 0.0538 304.43)` | Rich Texture | white, 7 to 1 |
| 23 | `#60516e` | `oklch(46.23% 0.0489 308.48)` | Blackberry Farm | white, 7.2 to 1 |
| 24 | `#61526d` | `oklch(46.41% 0.0453 309.47)` | Blackberry Farm | white, 7.1 to 1 |
| 25 | `#635670` | `oklch(47.61% 0.0433 306.72)` | Rich Texture | white, 6.7 to 1 |
| 26 | `#675e79` | `oklch(50.13% 0.0424 299.96)` | Purple Passage | white, 6 to 1 |
| 27 | `#6d6a86` | `oklch(53.76% 0.0425 289.86)` | Aromatic | white, 5.1 to 1 |
| 28 | `#747995` | `oklch(58.23% 0.0435 277.23)` | Royal Fortune | black, 4.9 to 1 |
| 29 | `#7b8aa6` | `oklch(63.24% 0.0452 262.83)` | Evening Hush | black, 6 to 1 |
| 30 | `#839db6` | `oklch(68.53% 0.0476 247.44)` | Office Blue | black, 7.4 to 1 |
| 31 | `#8bb0c5` | `oklch(73.80% 0.0505 231.86)` | Chilly Blue | black, 9.1 to 1 |
| 32 | `#93c3d0` | `oklch(78.78% 0.0539 216.84)` | Cosmic Blue | black, 10.9 to 1 |
| 33 | `#9cd4d9` | `oklch(83.19% 0.0575 203.19)` | Dulcet | black, 12.7 to 1 |
| 34 | `#a5e1dd` | `oklch(86.74% 0.0614 191.66)` | Spinnaker | black, 14.3 to 1 |
| 35 | `#abeadf` | `oklch(89.16% 0.0654 183.05)` | Gentle Giant | black, 15.5 to 1 |
| 36 | `#adeedf` | `oklch(90.16% 0.0693 178.14)` | Mint Tea | black, 16 to 1 |
| 37 | `#a8eddc` | `oklch(89.53% 0.0735 177.39)` | Oasis Stream | black, 15.8 to 1 |
| 38 | `#9be7d7` | `oklch(87.39% 0.0785 180.11)` | Neverland | black, 14.8 to 1 |
| 39 | `#88ddd2` | `oklch(84.03% 0.0841 185.72)` | Tantalising Teal | black, 13.3 to 1 |
| 40 | `#70cfcd` | `oklch(79.70% 0.0903 193.62)` | Hidden Sea Glass | black, 11.5 to 1 |
| 41 | `#56bfc8` | `oklch(74.65% 0.0968 203.23)` | Baharroth Blue | black, 9.6 to 1 |
| 42 | `#3cacc3` | `oklch(69.16% 0.1035 213.97)` | Moonstone | black, 7.8 to 1 |
| 43 | `#2798bd` | `oklch(63.48% 0.1100 225.25)` | Butterfly Blue | black, 6.2 to 1 |
| 44 | `#1d83b5` | `oklch(57.86% 0.1163 236.51)` | Lucario Blue | black, 4.9 to 1 |
| 45 | `#206fad` | `oklch(52.58% 0.1222 247.14)` | Planetarium | white, 5.3 to 1 |
| 46 | `#275da3` | `oklch(47.89% 0.1273 256.58)` | Miracle at Wrigley | white, 6.6 to 1 |
| 47 | `#2c4d9a` | `oklch(44.06% 0.1317 264.23)` | Le Grand Bleu | white, 7.9 to 1 |
| 48 | `#2f4293` | `oklch(41.34% 0.1350 269.52)` | Blue Oblivion | white, 8.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9f4f8e 0.0%, #9d5296 2.1%, #9957a0 4.3%, #945dac 6.4%, #8c64b8 8.5%, #826cc3 10.6%, #7775cb 12.8%, #6a7dd0 14.9%, #5d85d2 17.0%, #508bd2 19.1%, #4690d0 21.3%, #4092cc 23.4%, #3f92c9 25.5%, #438fc4 27.7%, #4a88be 29.8%, #5280b6 31.9%, #5976ac 34.0%, #5e6da0 36.2%, #616493 38.3%, #625d87 40.4%, #62577c 42.6%, #615373 44.7%, #60516e 46.8%, #61526d 48.9%, #635670 51.1%, #675e79 53.2%, #6d6a86 55.3%, #747995 57.4%, #7b8aa6 59.6%, #839db6 61.7%, #8bb0c5 63.8%, #93c3d0 66.0%, #9cd4d9 68.1%, #a5e1dd 70.2%, #abeadf 72.3%, #adeedf 74.5%, #a8eddc 76.6%, #9be7d7 78.7%, #88ddd2 80.9%, #70cfcd 83.0%, #56bfc8 85.1%, #3cacc3 87.2%, #2798bd 89.4%, #1d83b5 91.5%, #206fad 93.6%, #275da3 95.7%, #2c4d9a 97.9%, #2f4293 100.0%);
background: linear-gradient(135deg in oklch, oklch(54.72% 0.1337 336.09) 0.0%, oklch(55.24% 0.1330 330.85) 2.1%, oklch(55.99% 0.1323 323.52) 4.3%, oklch(56.93% 0.1317 314.59) 6.4%, oklch(57.99% 0.1309 304.54) 8.5%, oklch(59.11% 0.1301 293.84) 10.6%, oklch(60.23% 0.1290 282.96) 12.8%, oklch(61.27% 0.1277 272.39) 14.9%, oklch(62.19% 0.1261 262.60) 17.0%, oklch(62.91% 0.1240 254.07) 19.1%, oklch(63.37% 0.1215 247.27) 21.3%, oklch(63.52% 0.1184 242.69) 23.4%, oklch(63.28% 0.1147 240.81) 25.5%, oklch(62.39% 0.1099 242.27) 27.7%, oklch(60.91% 0.1039 246.70) 29.8%, oklch(58.98% 0.0971 253.41) 31.9%, oklch(56.76% 0.0897 261.75) 34.0%, oklch(54.42% 0.0820 271.05) 36.2%, oklch(52.10% 0.0743 280.63) 38.3%, oklch(49.96% 0.0668 289.84) 40.4%, oklch(48.17% 0.0599 297.99) 42.6%, oklch(46.87% 0.0538 304.43) 44.7%, oklch(46.23% 0.0489 308.48) 46.8%, oklch(46.41% 0.0453 309.47) 48.9%, oklch(47.61% 0.0433 306.72) 51.1%, oklch(50.13% 0.0424 299.96) 53.2%, oklch(53.76% 0.0425 289.86) 55.3%, oklch(58.23% 0.0435 277.23) 57.4%, oklch(63.24% 0.0452 262.83) 59.6%, oklch(68.53% 0.0476 247.44) 61.7%, oklch(73.80% 0.0505 231.86) 63.8%, oklch(78.78% 0.0539 216.84) 66.0%, oklch(83.19% 0.0575 203.19) 68.1%, oklch(86.74% 0.0614 191.66) 70.2%, oklch(89.16% 0.0654 183.05) 72.3%, oklch(90.16% 0.0693 178.14) 74.5%, oklch(89.53% 0.0735 177.39) 76.6%, oklch(87.39% 0.0785 180.11) 78.7%, oklch(84.03% 0.0841 185.72) 80.9%, oklch(79.70% 0.0903 193.62) 83.0%, oklch(74.65% 0.0968 203.23) 85.1%, oklch(69.16% 0.1035 213.97) 87.2%, oklch(63.48% 0.1100 225.25) 89.4%, oklch(57.86% 0.1163 236.51) 91.5%, oklch(52.58% 0.1222 247.14) 93.6%, oklch(47.89% 0.1273 256.58) 95.7%, oklch(44.06% 0.1317 264.23) 97.9%, oklch(41.34% 0.1350 269.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.134 | 336.1 |
| 2 | 0.634 | 0.116 | 241 |
| 3 | 0.469 | 0.044 | 308.6 |
| 4 | 0.902 | 0.07 | 177.6 |
| 5 | 0.413 | 0.135 | 269.5 |

## In these collections

- [Iridescent glass interface](https://grabient.com/iridescent-glass-interface)

## Other forms

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