# Purple, salmon, peach and tan linear gradient

Purple, salmon, peach and tan linear gradient with 32 colors: #4d3e5e, #544062, #5d4266, #694569, #76486b, #844b6b, #924e6a, #9f5268, #aa5767, #b65b67, #c35f68, #cf646a, #dc696c, #e76d6f, #f27370, #fa7871, #ff7f71, #ff8874, #ff8f75, #ff9576, #ff9a76, #ff9f76, #fda679, #fdac7b, #feb27c, #ffba7c, #ffc27e, #ffca81, #ffd282, #ffda83, #ffe083, #fde586. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWZCnZRqfHV06wjnqcMdStE4`
- Page: https://grabient.com/kWZCnZRqfHV06wjnqcMdStE4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, pastel, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.6 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 | `#4d3e5e` | `oklch(39.37% 0.0565 305.16)` | Powerful Mauve | white, 9.6 to 1 |
| 2 | `#544062` | `oklch(40.65% 0.0607 310.46)` | When Blue Met Red | white, 9.2 to 1 |
| 3 | `#5d4266` | `oklch(42.35% 0.0663 317.89)` | Sunset Serenade | white, 8.6 to 1 |
| 4 | `#694569` | `oklch(44.37% 0.0730 326.75)` | Sultana | white, 7.9 to 1 |
| 5 | `#76486b` | `oklch(46.62% 0.0804 336.36)` | Old Fashioned Purple | white, 7.2 to 1 |
| 6 | `#844b6b` | `oklch(49.01% 0.0882 346.05)` | Noble Tone | white, 6.5 to 1 |
| 7 | `#924e6a` | `oklch(51.44% 0.0960 355.13)` | Goddess of Dawn | white, 5.9 to 1 |
| 8 | `#9f5268` | `oklch(53.82% 0.1036 2.92)` | Mulberry Mix | white, 5.3 to 1 |
| 9 | `#aa5767` | `oklch(56.06% 0.1106 8.77)` | Splatter | white, 4.9 to 1 |
| 10 | `#b65b67` | `oklch(58.38% 0.1184 12.95)` | Pink Flame | black, 4.6 to 1 |
| 11 | `#c35f68` | `oklch(60.82% 0.1270 15.97)` | Candy Drop | black, 5.1 to 1 |
| 12 | `#cf646a` | `oklch(63.31% 0.1359 18.17)` | Italiano Rose | black, 5.6 to 1 |
| 13 | `#dc696c` | `oklch(65.78% 0.1443 19.86)` | Native Berry | black, 6.2 to 1 |
| 14 | `#e76d6f` | `oklch(68.16% 0.1517 21.37)` | Porcelain Rose | black, 6.8 to 1 |
| 15 | `#f27370` | `oklch(70.37% 0.1573 23.03)` | Breeze of Chilli | black, 7.4 to 1 |
| 16 | `#fa7871` | `oklch(72.35% 0.1606 25.17)` | Sparkling Cosmo | black, 7.9 to 1 |
| 17 | `#ff7f71` | `oklch(74.02% 0.1584 27.99)` | Hipster Salmon | black, 8.5 to 1 |
| 18 | `#ff8874` | `oklch(75.39% 0.1485 30.94)` | Play ’til Dawn | black, 9 to 1 |
| 19 | `#ff8f75` | `oklch(76.51% 0.1411 33.94)` | Alexandria | black, 9.4 to 1 |
| 20 | `#ff9576` | `oklch(77.47% 0.1355 37.07)` | Hibiscus Delight | black, 9.8 to 1 |
| 21 | `#ff9a76` | `oklch(78.34% 0.1310 40.37)` | Flash in the Pan | black, 10.1 to 1 |
| 22 | `#ff9f76` | `oklch(79.20% 0.1272 43.90)` | Candyman | black, 10.4 to 1 |
| 23 | `#fda679` | `oklch(80.13% 0.1201 47.70)` | Peachy | black, 10.8 to 1 |
| 24 | `#fdac7b` | `oklch(81.20% 0.1152 51.85)` | Larch Bolete | black, 11.3 to 1 |
| 25 | `#feb27c` | `oklch(82.48% 0.1128 56.59)` | Isn’t It Just Peachy | black, 11.8 to 1 |
| 26 | `#ffba7c` | `oklch(83.95% 0.1119 62.25)` | Macaroni and Cheese | black, 12.5 to 1 |
| 27 | `#ffc27e` | `oklch(85.52% 0.1099 68.50)` | Apricot Appeal | black, 13.2 to 1 |
| 28 | `#ffca81` | `oklch(87.13% 0.1092 74.94)` | Orange Glass | black, 14 to 1 |
| 29 | `#ffd282` | `oklch(88.67% 0.1105 81.20)` | Bread and Butter | black, 14.8 to 1 |
| 30 | `#ffda83` | `oklch(90.08% 0.1140 86.92)` | Spirited Yellow | black, 15.5 to 1 |
| 31 | `#ffe083` | `oklch(91.26% 0.1178 91.71)` | June Day | black, 16.2 to 1 |
| 32 | `#fde586` | `oklch(92.13% 0.1185 95.21)` | Lemon Drizzle | black, 16.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4d3e5e 0.0%, #544062 3.2%, #5d4266 6.5%, #694569 9.7%, #76486b 12.9%, #844b6b 16.1%, #924e6a 19.4%, #9f5268 22.6%, #aa5767 25.8%, #b65b67 29.0%, #c35f68 32.3%, #cf646a 35.5%, #dc696c 38.7%, #e76d6f 41.9%, #f27370 45.2%, #fa7871 48.4%, #ff7f71 51.6%, #ff8874 54.8%, #ff8f75 58.1%, #ff9576 61.3%, #ff9a76 64.5%, #ff9f76 67.7%, #fda679 71.0%, #fdac7b 74.2%, #feb27c 77.4%, #ffba7c 80.6%, #ffc27e 83.9%, #ffca81 87.1%, #ffd282 90.3%, #ffda83 93.5%, #ffe083 96.8%, #fde586 100.0%);
background: linear-gradient(135deg in oklch, oklch(39.37% 0.0565 305.16) 0.0%, oklch(40.65% 0.0607 310.46) 3.2%, oklch(42.35% 0.0663 317.89) 6.5%, oklch(44.37% 0.0730 326.75) 9.7%, oklch(46.62% 0.0804 336.36) 12.9%, oklch(49.01% 0.0882 346.05) 16.1%, oklch(51.44% 0.0960 355.13) 19.4%, oklch(53.82% 0.1036 2.92) 22.6%, oklch(56.06% 0.1106 8.77) 25.8%, oklch(58.38% 0.1184 12.95) 29.0%, oklch(60.82% 0.1270 15.97) 32.3%, oklch(63.31% 0.1359 18.17) 35.5%, oklch(65.78% 0.1443 19.86) 38.7%, oklch(68.16% 0.1517 21.37) 41.9%, oklch(70.37% 0.1573 23.03) 45.2%, oklch(72.35% 0.1606 25.17) 48.4%, oklch(74.02% 0.1584 27.99) 51.6%, oklch(75.39% 0.1485 30.94) 54.8%, oklch(76.51% 0.1411 33.94) 58.1%, oklch(77.47% 0.1355 37.07) 61.3%, oklch(78.34% 0.1310 40.37) 64.5%, oklch(79.20% 0.1272 43.90) 67.7%, oklch(80.13% 0.1201 47.70) 71.0%, oklch(81.20% 0.1152 51.85) 74.2%, oklch(82.48% 0.1128 56.59) 77.4%, oklch(83.95% 0.1119 62.25) 80.6%, oklch(85.52% 0.1099 68.50) 83.9%, oklch(87.13% 0.1092 74.94) 87.1%, oklch(88.67% 0.1105 81.20) 90.3%, oklch(90.08% 0.1140 86.92) 93.5%, oklch(91.26% 0.1178 91.71) 96.8%, oklch(92.13% 0.1185 95.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.056 | 305.2 |
| 2 | 0.555 | 0.109 | 367.5 |
| 3 | 0.732 | 0.161 | 386.5 |
| 4 | 0.815 | 0.114 | 412.9 |
| 5 | 0.921 | 0.119 | 455.2 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)
- [WGSN 2027 swatches](https://grabient.com/wgsn-2027-swatches)

## Other forms

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