# Pastel duotone lavender to pink linear gradient

Pastel duotone lavender to pink linear gradient with 32 colors: #a882ad, #ab84ae, #ae86b1, #b289b3, #b68cb6, #bb8fb9, #c092bd, #c596bf, #ca99c2, #ce9cc4, #d29ec5, #d6a1c6, #d9a3c6, #dba5c5, #dea7c5, #dfa8c4, #e1aac3, #e3acc2, #e4aec1, #e6b0bf, #e8b2be, #e9b4bd, #ebb7bb, #edb9ba, #eebcb8, #efc0b7, #f0c3b6, #f1c6b5, #f1c9b5, #f0ccb5, #f0ceb6, #f0d0b6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUpzfl4R1BmgXQ3vkkZg`
- Page: https://grabient.com/kUpzfl4R1BmgXQ3vkkZg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#a882ad` | `oklch(65.75% 0.0758 322.73)` | Heather | black, 6.4 to 1 |
| 2 | `#ab84ae` | `oklch(66.38% 0.0761 323.45)` | Stage Mauve | black, 6.6 to 1 |
| 3 | `#ae86b1` | `oklch(67.21% 0.0766 324.29)` | African Violet | black, 6.8 to 1 |
| 4 | `#b289b3` | `oklch(68.21% 0.0773 325.24)` | Violet Whimsy | black, 7 to 1 |
| 5 | `#b68cb6` | `oklch(69.32% 0.0780 326.33)` | Violet Whimsy | black, 7.4 to 1 |
| 6 | `#bb8fb9` | `oklch(70.52% 0.0788 327.54)` | La la Love | black, 7.7 to 1 |
| 7 | `#c092bd` | `oklch(71.74% 0.0794 328.89)` | La la Love | black, 8 to 1 |
| 8 | `#c596bf` | `oklch(72.95% 0.0800 330.38)` | Pomtini | black, 8.4 to 1 |
| 9 | `#ca99c2` | `oklch(74.11% 0.0803 332.03)` | Clover Pink | black, 8.8 to 1 |
| 10 | `#ce9cc4` | `oklch(75.18% 0.0804 333.82)` | Clover Pink | black, 9.1 to 1 |
| 11 | `#d29ec5` | `oklch(76.11% 0.0801 335.78)` | Geranium Bud | black, 9.4 to 1 |
| 12 | `#d6a1c6` | `oklch(76.88% 0.0794 337.88)` | Pastel Lavender | black, 9.7 to 1 |
| 13 | `#d9a3c6` | `oklch(77.55% 0.0784 340.07)` | Pastel Lavender | black, 9.9 to 1 |
| 14 | `#dba5c5` | `oklch(78.15% 0.0771 342.36)` | Rhubarb Gin | black, 10.1 to 1 |
| 15 | `#dea7c5` | `oklch(78.70% 0.0755 344.77)` | Pink Beauty | black, 10.3 to 1 |
| 16 | `#dfa8c4` | `oklch(79.19% 0.0737 347.34)` | Pink Beauty | black, 10.5 to 1 |
| 17 | `#e1aac3` | `oklch(79.66% 0.0718 350.09)` | Party Time | black, 10.7 to 1 |
| 18 | `#e3acc2` | `oklch(80.11% 0.0699 353.05)` | Roseate Spoonbill | black, 10.9 to 1 |
| 19 | `#e4aec1` | `oklch(80.57% 0.0680 356.23)` | Sekichiku Pink | black, 11.1 to 1 |
| 20 | `#e6b0bf` | `oklch(81.03% 0.0661 359.68)` | Athena Pink | black, 11.3 to 1 |
| 21 | `#e8b2be` | `oklch(81.53% 0.0644 3.41)` | Frozen Veins | black, 11.5 to 1 |
| 22 | `#e9b4bd` | `oklch(82.08% 0.0629 7.48)` | Frozen Veins | black, 11.7 to 1 |
| 23 | `#ebb7bb` | `oklch(82.68% 0.0614 12.31)` | Seashell Froth | black, 11.9 to 1 |
| 24 | `#edb9ba` | `oklch(83.31% 0.0598 17.84)` | Marzipan Pink | black, 12.2 to 1 |
| 25 | `#eebcb8` | `oklch(83.97% 0.0583 23.85)` | Pink Sachet | black, 12.5 to 1 |
| 26 | `#efc0b7` | `oklch(84.64% 0.0567 30.12)` | New Clay | black, 12.8 to 1 |
| 27 | `#f0c3b6` | `oklch(85.29% 0.0552 36.43)` | Fatty Sashimi | black, 13.1 to 1 |
| 28 | `#f1c6b5` | `oklch(85.92% 0.0538 42.57)` | Peach Temptation | black, 13.4 to 1 |
| 29 | `#f1c9b5` | `oklch(86.50% 0.0525 48.32)` | Everblooming | black, 13.7 to 1 |
| 30 | `#f0ccb5` | `oklch(87.02% 0.0514 53.45)` | Peach Darling | black, 14 to 1 |
| 31 | `#f0ceb6` | `oklch(87.46% 0.0504 57.76)` | Peach Darling | black, 14.2 to 1 |
| 32 | `#f0d0b6` | `oklch(87.80% 0.0496 61.01)` | Pale Coral | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #a882ad 0.0%, #ab84ae 3.2%, #ae86b1 6.5%, #b289b3 9.7%, #b68cb6 12.9%, #bb8fb9 16.1%, #c092bd 19.4%, #c596bf 22.6%, #ca99c2 25.8%, #ce9cc4 29.0%, #d29ec5 32.3%, #d6a1c6 35.5%, #d9a3c6 38.7%, #dba5c5 41.9%, #dea7c5 45.2%, #dfa8c4 48.4%, #e1aac3 51.6%, #e3acc2 54.8%, #e4aec1 58.1%, #e6b0bf 61.3%, #e8b2be 64.5%, #e9b4bd 67.7%, #ebb7bb 71.0%, #edb9ba 74.2%, #eebcb8 77.4%, #efc0b7 80.6%, #f0c3b6 83.9%, #f1c6b5 87.1%, #f1c9b5 90.3%, #f0ccb5 93.5%, #f0ceb6 96.8%, #f0d0b6 100.0%);
background: linear-gradient(45deg in oklch, oklch(65.75% 0.0758 322.73) 0.0%, oklch(66.38% 0.0761 323.45) 3.2%, oklch(67.21% 0.0766 324.29) 6.5%, oklch(68.21% 0.0773 325.24) 9.7%, oklch(69.32% 0.0780 326.33) 12.9%, oklch(70.52% 0.0788 327.54) 16.1%, oklch(71.74% 0.0794 328.89) 19.4%, oklch(72.95% 0.0800 330.38) 22.6%, oklch(74.11% 0.0803 332.03) 25.8%, oklch(75.18% 0.0804 333.82) 29.0%, oklch(76.11% 0.0801 335.78) 32.3%, oklch(76.88% 0.0794 337.88) 35.5%, oklch(77.55% 0.0784 340.07) 38.7%, oklch(78.15% 0.0771 342.36) 41.9%, oklch(78.70% 0.0755 344.77) 45.2%, oklch(79.19% 0.0737 347.34) 48.4%, oklch(79.66% 0.0718 350.09) 51.6%, oklch(80.11% 0.0699 353.05) 54.8%, oklch(80.57% 0.0680 356.23) 58.1%, oklch(81.03% 0.0661 359.68) 61.3%, oklch(81.53% 0.0644 3.41) 64.5%, oklch(82.08% 0.0629 7.48) 67.7%, oklch(82.68% 0.0614 12.31) 71.0%, oklch(83.31% 0.0598 17.84) 74.2%, oklch(83.97% 0.0583 23.85) 77.4%, oklch(84.64% 0.0567 30.12) 80.6%, oklch(85.29% 0.0552 36.43) 83.9%, oklch(85.92% 0.0538 42.57) 87.1%, oklch(86.50% 0.0525 48.32) 90.3%, oklch(87.02% 0.0514 53.45) 93.5%, oklch(87.46% 0.0504 57.76) 96.8%, oklch(87.80% 0.0496 61.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.076 | 322.7 |
| 2 | 0.764 | 0.08 | 336.5 |
| 3 | 0.819 | 0.063 | 366.1 |
| 4 | 0.878 | 0.05 | 421 |

## In these collections

- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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