# Pink, navy and lavender linear gradient

Pink, navy and lavender linear gradient with 32 colors: #df9dab, #db9aa3, #d5979a, #ce9390, #c58f85, #bc8a7b, #b18671, #a58167, #997c5f, #8c7858, #807351, #726f4c, #606846, #4c6042, #365741, #1e4d40, #024341, #003941, #003141, #012b45, #0f2848, #1c294d, #2b3056, #3d3c64, #514b75, #685e89, #81749f, #9b8ab5, #b3a0cc, #cab5e0, #ddc6f1, #ebd2fd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUwjoDxhLKiQY0_yF0WA`
- Page: https://grabient.com/kUwjoDxhLKiQY0_yF0WA?steps=32&angle=240
- Drawn as: linear gradient, 32 steps, 240 degrees
- Kinds: dark center, muted, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 10.7 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 | `#df9dab` | `oklch(76.38% 0.0799 4.92)` | Faded Pink | black, 9.5 to 1 |
| 2 | `#db9aa3` | `oklch(75.18% 0.0781 9.73)` | Parrot Pink | black, 9.1 to 1 |
| 3 | `#d5979a` | `oklch(73.68% 0.0755 15.46)` | Tobermory | black, 8.7 to 1 |
| 4 | `#ce9390` | `oklch(71.92% 0.0723 22.06)` | Tongue | black, 8.1 to 1 |
| 5 | `#c58f85` | `oklch(69.95% 0.0687 29.52)` | Portuguese Dawn | black, 7.6 to 1 |
| 6 | `#bc8a7b` | `oklch(67.79% 0.0650 37.81)` | Ludicrous Lemming | black, 7 to 1 |
| 7 | `#b18671` | `oklch(65.51% 0.0614 46.89)` | Light Mocha | black, 6.4 to 1 |
| 8 | `#a58167` | `oklch(63.13% 0.0580 56.74)` | Medium Wood | black, 5.9 to 1 |
| 9 | `#997c5f` | `oklch(60.71% 0.0550 67.33)` | Ginger Pie | black, 5.4 to 1 |
| 10 | `#8c7858` | `oklch(58.29% 0.0527 78.63)` | Hair Brown | black, 4.9 to 1 |
| 11 | `#807351` | `oklch(55.90% 0.0512 90.61)` | Olive Sapling | white, 4.6 to 1 |
| 12 | `#726f4c` | `oklch(53.37% 0.0508 103.65)` | Gratefully Grass | white, 5.1 to 1 |
| 13 | `#606846` | `oklch(50.15% 0.0513 118.85)` | Woodland | white, 5.8 to 1 |
| 14 | `#4c6042` | `oklch(46.42% 0.0525 135.75)` | Bavarian | white, 6.8 to 1 |
| 15 | `#365741` | `oklch(42.44% 0.0543 153.82)` | O’Neal Green | white, 8 to 1 |
| 16 | `#1e4d40` | `oklch(38.47% 0.0565 172.52)` | English Green | white, 9.5 to 1 |
| 17 | `#024341` | `oklch(34.76% 0.0589 191.29)` | Warm Black | white, 11.1 to 1 |
| 18 | `#003941` | `oklch(31.57% 0.0545 209.64)` | Natural Indigo | white, 12.6 to 1 |
| 19 | `#003141` | `oklch(29.14% 0.0562 226.98)` | Nordic Noir | white, 13.8 to 1 |
| 20 | `#012b45` | `oklch(27.72% 0.0655 242.58)` | Midnight Ocean | white, 14.6 to 1 |
| 21 | `#0f2848` | `oklch(27.59% 0.0669 256.19)` | Rurikon Blue | white, 14.8 to 1 |
| 22 | `#1c294d` | `oklch(29.03% 0.0677 267.22)` | Rurikon Blue | white, 14.2 to 1 |
| 23 | `#2b3056` | `oklch(32.40% 0.0680 276.25)` | Quill Tip | white, 12.6 to 1 |
| 24 | `#3d3c64` | `oklch(37.46% 0.0679 283.73)` | Storm Is Coming | white, 10.4 to 1 |
| 25 | `#514b75` | `oklch(43.80% 0.0676 289.84)` | Red Cabbage | white, 8 to 1 |
| 26 | `#685e89` | `oklch(51.00% 0.0670 294.79)` | Kimberly | white, 5.8 to 1 |
| 27 | `#81749f` | `oklch(58.68% 0.0664 298.78)` | Voxatron Purple | black, 4.9 to 1 |
| 28 | `#9b8ab5` | `oklch(66.41% 0.0656 302.01)` | Flirty Pink | black, 6.7 to 1 |
| 29 | `#b3a0cc` | `oklch(73.79% 0.0649 304.69)` | Dechala Lilac | black, 8.8 to 1 |
| 30 | `#cab5e0` | `oklch(80.41% 0.0642 307.00)` | Viking Diva | black, 11.1 to 1 |
| 31 | `#ddc6f1` | `oklch(85.87% 0.0637 309.17)` | Foggy Love | black, 13.3 to 1 |
| 32 | `#ebd2fd` | `oklch(89.76% 0.0634 311.38)` | Rose Dragée | black, 15.1 to 1 |

## CSS

```css
background: linear-gradient(240deg, #df9dab 0.0%, #db9aa3 3.2%, #d5979a 6.5%, #ce9390 9.7%, #c58f85 12.9%, #bc8a7b 16.1%, #b18671 19.4%, #a58167 22.6%, #997c5f 25.8%, #8c7858 29.0%, #807351 32.3%, #726f4c 35.5%, #606846 38.7%, #4c6042 41.9%, #365741 45.2%, #1e4d40 48.4%, #024341 51.6%, #003941 54.8%, #003141 58.1%, #012b45 61.3%, #0f2848 64.5%, #1c294d 67.7%, #2b3056 71.0%, #3d3c64 74.2%, #514b75 77.4%, #685e89 80.6%, #81749f 83.9%, #9b8ab5 87.1%, #b3a0cc 90.3%, #cab5e0 93.5%, #ddc6f1 96.8%, #ebd2fd 100.0%);
background: linear-gradient(240deg in oklch, oklch(76.38% 0.0799 4.92) 0.0%, oklch(75.18% 0.0781 9.73) 3.2%, oklch(73.68% 0.0755 15.46) 6.5%, oklch(71.92% 0.0723 22.06) 9.7%, oklch(69.95% 0.0687 29.52) 12.9%, oklch(67.79% 0.0650 37.81) 16.1%, oklch(65.51% 0.0614 46.89) 19.4%, oklch(63.13% 0.0580 56.74) 22.6%, oklch(60.71% 0.0550 67.33) 25.8%, oklch(58.29% 0.0527 78.63) 29.0%, oklch(55.90% 0.0512 90.61) 32.3%, oklch(53.37% 0.0508 103.65) 35.5%, oklch(50.15% 0.0513 118.85) 38.7%, oklch(46.42% 0.0525 135.75) 41.9%, oklch(42.44% 0.0543 153.82) 45.2%, oklch(38.47% 0.0565 172.52) 48.4%, oklch(34.76% 0.0589 191.29) 51.6%, oklch(31.57% 0.0545 209.64) 54.8%, oklch(29.14% 0.0562 226.98) 58.1%, oklch(27.72% 0.0655 242.58) 61.3%, oklch(27.59% 0.0669 256.19) 64.5%, oklch(29.03% 0.0677 267.22) 67.7%, oklch(32.40% 0.0680 276.25) 71.0%, oklch(37.46% 0.0679 283.73) 74.2%, oklch(43.80% 0.0676 289.84) 77.4%, oklch(51.00% 0.0670 294.79) 80.6%, oklch(58.68% 0.0664 298.78) 83.9%, oklch(66.41% 0.0656 302.01) 87.1%, oklch(73.79% 0.0649 304.69) 90.3%, oklch(80.41% 0.0642 307.00) 93.5%, oklch(85.87% 0.0637 309.17) 96.8%, oklch(89.76% 0.0634 311.38) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.08 | 4.9 |
| 2 | 0.551 | 0.051 | 94.7 |
| 3 | 0.283 | 0.068 | 263.8 |
| 4 | 0.898 | 0.063 | 311.4 |

## In these collections

- [Muted rainbow gradients](https://grabient.com/muted-rainbow-gradients)

## Other forms

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