# Plum Velvet into Slate

Muted duotone purple to blue linear gradient with 32 colors: #9f6f93, #9d6e92, #9a6c8f, #98698d, #95678a, #916487, #8e6283, #8a5f80, #865d7d, #835b7b, #7f5978, #7b5777, #785674, #745472, #705370, #6c526e, #68506c, #654f6a, #614f68, #5e4e67, #5c4e67, #594e67, #574e68, #54506a, #52516c, #4f536f, #4c5571, #485873, #455a74, #425c75, #3f5e75, #3d5f75. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted duotone purple to blue linear gradient
- Seed: `kUmTnuwRi_jiPvO7k7fA`
- Page: https://grabient.com/kUmTnuwRi_jiPvO7k7fA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.9 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 | `#9f6f93` | `oklch(60.24% 0.0785 335.39)` | Flowering Raspberry | black, 5.1 to 1 |
| 2 | `#9d6e92` | `oklch(59.71% 0.0780 335.30)` | Flowering Raspberry | black, 5 to 1 |
| 3 | `#9a6c8f` | `oklch(59.02% 0.0773 335.31)` | Garden Aroma | black, 4.9 to 1 |
| 4 | `#98698d` | `oklch(58.20% 0.0766 335.37)` | Garden Aroma | black, 4.7 to 1 |
| 5 | `#95678a` | `oklch(57.28% 0.0757 335.41)` | Rust Magenta | white, 4.5 to 1 |
| 6 | `#916487` | `oklch(56.30% 0.0748 335.40)` | Rust Magenta | white, 4.7 to 1 |
| 7 | `#8e6283` | `oklch(55.27% 0.0737 335.28)` | Orchid Orchestra | white, 4.9 to 1 |
| 8 | `#8a5f80` | `oklch(54.25% 0.0725 335.00)` | Orchid Orchestra | white, 5.2 to 1 |
| 9 | `#865d7d` | `oklch(53.24% 0.0712 334.50)` | Dusky Purple | white, 5.4 to 1 |
| 10 | `#835b7b` | `oklch(52.30% 0.0697 333.74)` | Dull Purple | white, 5.6 to 1 |
| 11 | `#7f5978` | `oklch(51.44% 0.0681 332.66)` | Dull Purple | white, 5.8 to 1 |
| 12 | `#7b5777` | `oklch(50.66% 0.0662 331.29)` | Opulent Ostrich | white, 6 to 1 |
| 13 | `#785674` | `oklch(49.87% 0.0639 329.86)` | Opulent Ostrich | white, 6.2 to 1 |
| 14 | `#745472` | `oklch(49.06% 0.0612 328.32)` | Cembra Blossom | white, 6.4 to 1 |
| 15 | `#705370` | `oklch(48.26% 0.0583 326.62)` | Basil Mauve | white, 6.6 to 1 |
| 16 | `#6c526e` | `oklch(47.49% 0.0553 324.70)` | Basil Mauve | white, 6.8 to 1 |
| 17 | `#68506c` | `oklch(46.76% 0.0523 322.50)` | Blackberry Farm | white, 7 to 1 |
| 18 | `#654f6a` | `oklch(46.10% 0.0494 319.96)` | Blackberry Farm | white, 7.2 to 1 |
| 19 | `#614f68` | `oklch(45.51% 0.0469 317.03)` | Blackberry Farm | white, 7.4 to 1 |
| 20 | `#5e4e67` | `oklch(45.03% 0.0448 313.65)` | Blackcurrant Elixir | white, 7.5 to 1 |
| 21 | `#5c4e67` | `oklch(44.66% 0.0433 309.76)` | Blackcurrant Elixir | white, 7.6 to 1 |
| 22 | `#594e67` | `oklch(44.43% 0.0425 305.26)` | Illusionist | white, 7.7 to 1 |
| 23 | `#574e68` | `oklch(44.37% 0.0425 299.62)` | Magic Spell | white, 7.7 to 1 |
| 24 | `#54506a` | `oklch(44.46% 0.0430 292.92)` | Magic Spell | white, 7.7 to 1 |
| 25 | `#52516c` | `oklch(44.66% 0.0440 285.49)` | Intergalactic | white, 7.6 to 1 |
| 26 | `#4f536f` | `oklch(44.96% 0.0454 277.61)` | Harbourmaster | white, 7.5 to 1 |
| 27 | `#4c5571` | `oklch(45.31% 0.0470 269.60)` | Snoop | white, 7.3 to 1 |
| 28 | `#485873` | `oklch(45.69% 0.0486 261.75)` | Chambray | white, 7.2 to 1 |
| 29 | `#455a74` | `oklch(46.07% 0.0503 254.39)` | Newburyport | white, 7 to 1 |
| 30 | `#425c75` | `oklch(46.41% 0.0518 247.80)` | China Pattern | white, 6.9 to 1 |
| 31 | `#3f5e75` | `oklch(46.68% 0.0530 242.29)` | Superior Blue | white, 6.8 to 1 |
| 32 | `#3d5f75` | `oklch(46.85% 0.0537 238.17)` | Superior Blue | white, 6.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #9f6f93 0.0%, #9d6e92 3.2%, #9a6c8f 6.5%, #98698d 9.7%, #95678a 12.9%, #916487 16.1%, #8e6283 19.4%, #8a5f80 22.6%, #865d7d 25.8%, #835b7b 29.0%, #7f5978 32.3%, #7b5777 35.5%, #785674 38.7%, #745472 41.9%, #705370 45.2%, #6c526e 48.4%, #68506c 51.6%, #654f6a 54.8%, #614f68 58.1%, #5e4e67 61.3%, #5c4e67 64.5%, #594e67 67.7%, #574e68 71.0%, #54506a 74.2%, #52516c 77.4%, #4f536f 80.6%, #4c5571 83.9%, #485873 87.1%, #455a74 90.3%, #425c75 93.5%, #3f5e75 96.8%, #3d5f75 100.0%);
background: linear-gradient(90deg in oklch, oklch(60.24% 0.0785 335.39) 0.0%, oklch(59.71% 0.0780 335.30) 3.2%, oklch(59.02% 0.0773 335.31) 6.5%, oklch(58.20% 0.0766 335.37) 9.7%, oklch(57.28% 0.0757 335.41) 12.9%, oklch(56.30% 0.0748 335.40) 16.1%, oklch(55.27% 0.0737 335.28) 19.4%, oklch(54.25% 0.0725 335.00) 22.6%, oklch(53.24% 0.0712 334.50) 25.8%, oklch(52.30% 0.0697 333.74) 29.0%, oklch(51.44% 0.0681 332.66) 32.3%, oklch(50.66% 0.0662 331.29) 35.5%, oklch(49.87% 0.0639 329.86) 38.7%, oklch(49.06% 0.0612 328.32) 41.9%, oklch(48.26% 0.0583 326.62) 45.2%, oklch(47.49% 0.0553 324.70) 48.4%, oklch(46.76% 0.0523 322.50) 51.6%, oklch(46.10% 0.0494 319.96) 54.8%, oklch(45.51% 0.0469 317.03) 58.1%, oklch(45.03% 0.0448 313.65) 61.3%, oklch(44.66% 0.0433 309.76) 64.5%, oklch(44.43% 0.0425 305.26) 67.7%, oklch(44.37% 0.0425 299.62) 71.0%, oklch(44.46% 0.0430 292.92) 74.2%, oklch(44.66% 0.0440 285.49) 77.4%, oklch(44.96% 0.0454 277.61) 80.6%, oklch(45.31% 0.0470 269.60) 83.9%, oklch(45.69% 0.0486 261.75) 87.1%, oklch(46.07% 0.0503 254.39) 90.3%, oklch(46.41% 0.0518 247.80) 93.5%, oklch(46.68% 0.0530 242.29) 96.8%, oklch(46.85% 0.0537 238.17) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.079 | 335.4 |
| 2 | 0.512 | 0.068 | 332.2 |
| 3 | 0.445 | 0.043 | 306.9 |
| 4 | 0.469 | 0.054 | 238.2 |

## In these collections

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

## Other forms

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