# Dusty rose meets sunset blue

Purple, brown, blue and mauve linear gradient with 40 colors: #754c60, #794f63, #7f5468, #865a6e, #8e6175, #96697b, #9d6f81, #a37586, #a87988, #aa7b87, #a87a83, #a2767a, #986f6d, #8b665f, #7b5d51, #6b5344, #5c4939, #4e4030, #443828, #3e3223, #3c2f20, #3e2c1f, #422a22, #47292a, #492a37, #492d47, #453357, #3e3b64, #36426d, #304973, #324e78, #3a527e, #485583, #585887, #685b88, #785f87, #856383, #8f6880, #966c7d, #9a707c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, brown, blue and mauve linear gradient
- Seed: `kWdy740BXBqiLR-0HKuSxTLw`
- Page: https://grabient.com/kWdy740BXBqiLR-0HKuSxTLw?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: dark center, muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#754c60` | `oklch(46.85% 0.0634 349.45)` | Bewitching | white, 7.1 to 1 |
| 2 | `#794f63` | `oklch(48.06% 0.0632 350.11)` | Grey Carmine | white, 6.7 to 1 |
| 3 | `#7f5468` | `oklch(49.91% 0.0632 350.65)` | Private Tone | white, 6.2 to 1 |
| 4 | `#865a6e` | `oklch(52.18% 0.0632 351.18)` | Tulipwood | white, 5.6 to 1 |
| 5 | `#8e6175` | `oklch(54.67% 0.0632 351.84)` | Victorian Plum | white, 5 to 1 |
| 6 | `#96697b` | `oklch(57.17% 0.0631 352.75)` | Corundum Red | white, 4.5 to 1 |
| 7 | `#9d6f81` | `oklch(59.49% 0.0628 354.04)` | Meadow Flower | black, 5 to 1 |
| 8 | `#a37586` | `oklch(61.41% 0.0623 355.81)` | Upper Crust | black, 5.4 to 1 |
| 9 | `#a87988` | `oklch(62.74% 0.0615 358.20)` | Mauve Madness | black, 5.7 to 1 |
| 10 | `#aa7b87` | `oklch(63.25% 0.0604 1.34)` | Silken Raspberry | black, 5.8 to 1 |
| 11 | `#a87a83` | `oklch(62.76% 0.0588 5.42)` | Mauve Madness | black, 5.7 to 1 |
| 12 | `#a2767a` | `oklch(61.02% 0.0562 12.06)` | Nostalgia Rose | black, 5.3 to 1 |
| 13 | `#986f6d` | `oklch(58.22% 0.0527 21.16)` | Homestead Red | black, 4.8 to 1 |
| 14 | `#8b665f` | `oklch(54.64% 0.0486 31.76)` | Baby Burro | white, 5 to 1 |
| 15 | `#7b5d51` | `oklch(50.56% 0.0442 42.92)` | Wild West | white, 5.9 to 1 |
| 16 | `#6b5344` | `oklch(46.27% 0.0399 53.69)` | Moose Trail | white, 7.1 to 1 |
| 17 | `#5c4939` | `oklch(42.04% 0.0360 63.11)` | Mousy Brown | white, 8.5 to 1 |
| 18 | `#4e4030` | `oklch(38.17% 0.0329 70.25)` | Mineral Brown | white, 9.9 to 1 |
| 19 | `#443828` | `oklch(34.94% 0.0308 74.16)` | Loam | white, 11.3 to 1 |
| 20 | `#3e3223` | `oklch(32.62% 0.0300 73.88)` | Cola Bubble | white, 12.4 to 1 |
| 21 | `#3c2f20` | `oklch(31.42% 0.0311 68.24)` | Cola | white, 13 to 1 |
| 22 | `#3e2c1f` | `oklch(30.98% 0.0342 55.86)` | Bistre | white, 13.2 to 1 |
| 23 | `#422a22` | `oklch(31.14% 0.0389 38.05)` | English Walnut | white, 13.2 to 1 |
| 24 | `#47292a` | `oklch(31.80% 0.0448 16.48)` | Rookwood Dark Red | white, 13 to 1 |
| 25 | `#492a37` | `oklch(32.86% 0.0514 352.79)` | Wine Tasting | white, 12.5 to 1 |
| 26 | `#492d47` | `oklch(34.22% 0.0583 328.66)` | Purple Pennant | white, 11.9 to 1 |
| 27 | `#453357` | `oklch(35.77% 0.0648 305.73)` | Devil’s Plum | white, 11.2 to 1 |
| 28 | `#3e3b64` | `oklch(37.41% 0.0706 285.68)` | Storm Is Coming | white, 10.4 to 1 |
| 29 | `#36426d` | `oklch(39.06% 0.0752 270.15)` | Port Gore | white, 9.6 to 1 |
| 30 | `#304973` | `oklch(40.59% 0.0781 260.80)` | Sailboat | white, 9 to 1 |
| 31 | `#324e78` | `oklch(42.09% 0.0791 258.69)` | High Altar | white, 8.4 to 1 |
| 32 | `#3a527e` | `oklch(43.89% 0.0785 262.50)` | St. Tropaz | white, 7.8 to 1 |
| 33 | `#485583` | `oklch(45.91% 0.0768 270.99)` | Mozart | white, 7.2 to 1 |
| 34 | `#585887` | `oklch(48.08% 0.0742 282.96)` | Wild Elderberry | white, 6.6 to 1 |
| 35 | `#685b88` | `oklch(50.29% 0.0710 297.18)` | Kimberly | white, 6 to 1 |
| 36 | `#785f87` | `oklch(52.47% 0.0675 312.47)` | Mystical Purple | white, 5.5 to 1 |
| 37 | `#856383` | `oklch(54.52% 0.0640 327.60)` | Orchid Orchestra | white, 5.1 to 1 |
| 38 | `#8f6880` | `oklch(56.36% 0.0608 341.37)` | Milkwort Red | white, 4.7 to 1 |
| 39 | `#966c7d` | `oklch(57.90% 0.0582 352.58)` | Wild Geranium | black, 4.7 to 1 |
| 40 | `#9a707c` | `oklch(59.06% 0.0565 0.02)` | Heritage Taffeta | black, 4.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #754c60 0.0%, #794f63 2.6%, #7f5468 5.1%, #865a6e 7.7%, #8e6175 10.3%, #96697b 12.8%, #9d6f81 15.4%, #a37586 17.9%, #a87988 20.5%, #aa7b87 23.1%, #a87a83 25.6%, #a2767a 28.2%, #986f6d 30.8%, #8b665f 33.3%, #7b5d51 35.9%, #6b5344 38.5%, #5c4939 41.0%, #4e4030 43.6%, #443828 46.2%, #3e3223 48.7%, #3c2f20 51.3%, #3e2c1f 53.8%, #422a22 56.4%, #47292a 59.0%, #492a37 61.5%, #492d47 64.1%, #453357 66.7%, #3e3b64 69.2%, #36426d 71.8%, #304973 74.4%, #324e78 76.9%, #3a527e 79.5%, #485583 82.1%, #585887 84.6%, #685b88 87.2%, #785f87 89.7%, #856383 92.3%, #8f6880 94.9%, #966c7d 97.4%, #9a707c 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.85% 0.0634 349.45) 0.0%, oklch(48.06% 0.0632 350.11) 2.6%, oklch(49.91% 0.0632 350.65) 5.1%, oklch(52.18% 0.0632 351.18) 7.7%, oklch(54.67% 0.0632 351.84) 10.3%, oklch(57.17% 0.0631 352.75) 12.8%, oklch(59.49% 0.0628 354.04) 15.4%, oklch(61.41% 0.0623 355.81) 17.9%, oklch(62.74% 0.0615 358.20) 20.5%, oklch(63.25% 0.0604 1.34) 23.1%, oklch(62.76% 0.0588 5.42) 25.6%, oklch(61.02% 0.0562 12.06) 28.2%, oklch(58.22% 0.0527 21.16) 30.8%, oklch(54.64% 0.0486 31.76) 33.3%, oklch(50.56% 0.0442 42.92) 35.9%, oklch(46.27% 0.0399 53.69) 38.5%, oklch(42.04% 0.0360 63.11) 41.0%, oklch(38.17% 0.0329 70.25) 43.6%, oklch(34.94% 0.0308 74.16) 46.2%, oklch(32.62% 0.0300 73.88) 48.7%, oklch(31.42% 0.0311 68.24) 51.3%, oklch(30.98% 0.0342 55.86) 53.8%, oklch(31.14% 0.0389 38.05) 56.4%, oklch(31.80% 0.0448 16.48) 59.0%, oklch(32.86% 0.0514 352.79) 61.5%, oklch(34.22% 0.0583 328.66) 64.1%, oklch(35.77% 0.0648 305.73) 66.7%, oklch(37.41% 0.0706 285.68) 69.2%, oklch(39.06% 0.0752 270.15) 71.8%, oklch(40.59% 0.0781 260.80) 74.4%, oklch(42.09% 0.0791 258.69) 76.9%, oklch(43.89% 0.0785 262.50) 79.5%, oklch(45.91% 0.0768 270.99) 82.1%, oklch(48.08% 0.0742 282.96) 84.6%, oklch(50.29% 0.0710 297.18) 87.2%, oklch(52.47% 0.0675 312.47) 89.7%, oklch(54.52% 0.0640 327.60) 92.3%, oklch(56.36% 0.0608 341.37) 94.9%, oklch(57.90% 0.0582 352.58) 97.4%, oklch(59.06% 0.0565 0.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.063 | 349.5 |
| 2 | 0.63 | 0.059 | 364.2 |
| 3 | 0.319 | 0.03 | 431.9 |
| 4 | 0.409 | 0.079 | 259.6 |
| 5 | 0.591 | 0.056 | 360 |

## In these collections

- [Wheat field sunset](https://grabient.com/wheat-field-sunset)

## Other forms

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