# Analogous dark purple to pink linear gradient

Analogous dark purple to pink linear gradient with 32 colors: #3e1a32, #421c36, #461e3c, #4b2244, #51254d, #572a56, #5d2f5f, #623468, #683a70, #6e4077, #74467e, #7a4c85, #80538c, #875a92, #8e6197, #95689c, #9d6fa1, #a476a5, #ab7ea9, #b385ad, #ba8db0, #c194b3, #c89bb6, #cfa1b9, #d7a7ba, #dfadbb, #e7b2bb, #eeb8b9, #f5bdb8, #fac2b6, #fec7b4, #ffcbb5. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWRzHzNaU9kuhwBhFsL8BlGg`
- Page: https://grabient.com/kWRzHzNaU9kuhwBhFsL8BlGg?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.3 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 | `#3e1a32` | `oklch(27.95% 0.0675 341.72)` | Blackberry | white, 15 to 1 |
| 2 | `#421c36` | `oklch(29.07% 0.0706 339.96)` | Blackberry | white, 14.5 to 1 |
| 3 | `#461e3c` | `oklch(30.53% 0.0751 337.44)` | Juice Violet | white, 13.8 to 1 |
| 4 | `#4b2244` | `oklch(32.26% 0.0804 334.44)` | Opulent Mauve | white, 13 to 1 |
| 5 | `#51254d` | `oklch(34.21% 0.0861 331.21)` | Murasaki | white, 12.1 to 1 |
| 6 | `#572a56` | `oklch(36.29% 0.0916 328.02)` | Kuwanomi Purple | white, 11.2 to 1 |
| 7 | `#5d2f5f` | `oklch(38.43% 0.0965 325.14)` | Imperial Purple | white, 10.3 to 1 |
| 8 | `#623468` | `oklch(40.57% 0.1002 322.83)` | Wineberry | white, 9.4 to 1 |
| 9 | `#683a70` | `oklch(42.64% 0.1023 321.34)` | Plum | white, 8.6 to 1 |
| 10 | `#6e4077` | `oklch(44.75% 0.1031 320.35)` | Pageantry Purple | white, 7.9 to 1 |
| 11 | `#74467e` | `oklch(46.94% 0.1030 319.68)` | Lilac Violet | white, 7.2 to 1 |
| 12 | `#7a4c85` | `oklch(49.19% 0.1021 319.35)` | Cleopatra’s Gown | white, 6.5 to 1 |
| 13 | `#80538c` | `oklch(51.48% 0.1005 319.39)` | Cleopatra’s Gown | white, 5.9 to 1 |
| 14 | `#875a92` | `oklch(53.78% 0.0985 319.81)` | Purple Tanzanite | white, 5.3 to 1 |
| 15 | `#8e6197` | `oklch(56.07% 0.0962 320.64)` | Aster Violetta | white, 4.8 to 1 |
| 16 | `#95689c` | `oklch(58.34% 0.0936 321.90)` | Figue | black, 4.7 to 1 |
| 17 | `#9d6fa1` | `oklch(60.56% 0.0909 323.59)` | Dark Lilac | black, 5.2 to 1 |
| 18 | `#a476a5` | `oklch(62.83% 0.0872 325.61)` | Pleasant Dream | black, 5.7 to 1 |
| 19 | `#ab7ea9` | `oklch(65.12% 0.0828 328.00)` | Stage Mauve | black, 6.2 to 1 |
| 20 | `#b385ad` | `oklch(67.41% 0.0780 330.79)` | Purple Stripe | black, 6.8 to 1 |
| 21 | `#ba8db0` | `oklch(69.66% 0.0731 334.02)` | Tiny Ribbons | black, 7.5 to 1 |
| 22 | `#c194b3` | `oklch(71.85% 0.0687 337.73)` | Mauve Magic | black, 8.1 to 1 |
| 23 | `#c89bb6` | `oklch(73.94% 0.0650 341.96)` | Morning Glory Pink | black, 8.8 to 1 |
| 24 | `#cfa1b9` | `oklch(75.91% 0.0624 346.77)` | Raspberry Smoothie | black, 9.4 to 1 |
| 25 | `#d7a7ba` | `oklch(77.77% 0.0612 352.51)` | Pink Nectar | black, 10.1 to 1 |
| 26 | `#dfadbb` | `oklch(79.62% 0.0612 359.74)` | Apple Infusion | black, 10.8 to 1 |
| 27 | `#e7b2bb` | `oklch(81.43% 0.0620 7.94)` | Amazon River Dolphin | black, 11.4 to 1 |
| 28 | `#eeb8b9` | `oklch(83.14% 0.0634 16.57)` | Seashell Froth | black, 12.1 to 1 |
| 29 | `#f5bdb8` | `oklch(84.71% 0.0650 25.05)` | Rainbow | black, 12.8 to 1 |
| 30 | `#fac2b6` | `oklch(86.11% 0.0667 32.83)` | Ruffled Parasol | black, 13.4 to 1 |
| 31 | `#fec7b4` | `oklch(87.28% 0.0681 39.36)` | Malibu Peach | black, 14 to 1 |
| 32 | `#ffcbb5` | `oklch(88.19% 0.0667 44.07)` | Peach and Quiet | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(270deg, #3e1a32 0.0%, #421c36 3.2%, #461e3c 6.5%, #4b2244 9.7%, #51254d 12.9%, #572a56 16.1%, #5d2f5f 19.4%, #623468 22.6%, #683a70 25.8%, #6e4077 29.0%, #74467e 32.3%, #7a4c85 35.5%, #80538c 38.7%, #875a92 41.9%, #8e6197 45.2%, #95689c 48.4%, #9d6fa1 51.6%, #a476a5 54.8%, #ab7ea9 58.1%, #b385ad 61.3%, #ba8db0 64.5%, #c194b3 67.7%, #c89bb6 71.0%, #cfa1b9 74.2%, #d7a7ba 77.4%, #dfadbb 80.6%, #e7b2bb 83.9%, #eeb8b9 87.1%, #f5bdb8 90.3%, #fac2b6 93.5%, #fec7b4 96.8%, #ffcbb5 100.0%);
background: linear-gradient(270deg in oklch, oklch(27.95% 0.0675 341.72) 0.0%, oklch(29.07% 0.0706 339.96) 3.2%, oklch(30.53% 0.0751 337.44) 6.5%, oklch(32.26% 0.0804 334.44) 9.7%, oklch(34.21% 0.0861 331.21) 12.9%, oklch(36.29% 0.0916 328.02) 16.1%, oklch(38.43% 0.0965 325.14) 19.4%, oklch(40.57% 0.1002 322.83) 22.6%, oklch(42.64% 0.1023 321.34) 25.8%, oklch(44.75% 0.1031 320.35) 29.0%, oklch(46.94% 0.1030 319.68) 32.3%, oklch(49.19% 0.1021 319.35) 35.5%, oklch(51.48% 0.1005 319.39) 38.7%, oklch(53.78% 0.0985 319.81) 41.9%, oklch(56.07% 0.0962 320.64) 45.2%, oklch(58.34% 0.0936 321.90) 48.4%, oklch(60.56% 0.0909 323.59) 51.6%, oklch(62.83% 0.0872 325.61) 54.8%, oklch(65.12% 0.0828 328.00) 58.1%, oklch(67.41% 0.0780 330.79) 61.3%, oklch(69.66% 0.0731 334.02) 64.5%, oklch(71.85% 0.0687 337.73) 67.7%, oklch(73.94% 0.0650 341.96) 71.0%, oklch(75.91% 0.0624 346.77) 74.2%, oklch(77.77% 0.0612 352.51) 77.4%, oklch(79.62% 0.0612 359.74) 80.6%, oklch(81.43% 0.0620 7.94) 83.9%, oklch(83.14% 0.0634 16.57) 87.1%, oklch(84.71% 0.0650 25.05) 90.3%, oklch(86.11% 0.0667 32.83) 93.5%, oklch(87.28% 0.0681 39.36) 96.8%, oklch(88.19% 0.0667 44.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.068 | 341.7 |
| 2 | 0.421 | 0.102 | 321.6 |
| 3 | 0.594 | 0.092 | 322.7 |
| 4 | 0.764 | 0.062 | 348.1 |
| 5 | 0.882 | 0.069 | 404.1 |

## In these collections

- [Soft multicolor gradients](https://grabient.com/soft-multicolor-gradients)
- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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