# Pale sage dusty rose diagonal

Pastel beige, mauve and gray linear gradient with 32 colors: #dbf0c7, #dcecc1, #dde6ba, #dedfb3, #dfd7ab, #dfcea5, #dec4a0, #dcbb9d, #d9b29b, #d4aa9a, #cea29a, #c89c9a, #c2969a, #bc9299, #b78e98, #b48c96, #b38a94, #b28a91, #b38a8d, #b58b8a, #b68e85, #b79182, #b6957f, #b59b7e, #b2a07e, #aea682, #a9ac87, #a4b28e, #a0b696, #9cba9d, #99bda4, #97bea9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel beige, mauve and gray linear gradient
- Seed: `kS7CtcVhKw2GTUs`
- Page: https://grabient.com/kS7CtcVhKw2GTUs?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.5 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 | `#dbf0c7` | `oklch(92.91% 0.0593 129.37)` | Green Glint | black, 17.3 to 1 |
| 2 | `#dcecc1` | `oklch(91.93% 0.0589 124.18)` | Greenette | black, 16.7 to 1 |
| 3 | `#dde6ba` | `oklch(90.65% 0.0585 117.05)` | Aloe Cream | black, 16 to 1 |
| 4 | `#dedfb3` | `oklch(89.11% 0.0580 108.33)` | Modern Zen | black, 15.2 to 1 |
| 5 | `#dfd7ab` | `oklch(87.35% 0.0575 98.36)` | Primitive Green | black, 14.3 to 1 |
| 6 | `#dfcea5` | `oklch(85.44% 0.0569 87.46)` | Organic Bamboo | black, 13.4 to 1 |
| 7 | `#dec4a0` | `oklch(83.42% 0.0562 75.98)` | Canoe | black, 12.5 to 1 |
| 8 | `#dcbb9d` | `oklch(81.33% 0.0555 64.24)` | Holmes Cream | black, 11.6 to 1 |
| 9 | `#d9b29b` | `oklch(79.22% 0.0549 52.58)` | Spanish Villa | black, 10.7 to 1 |
| 10 | `#d4aa9a` | `oklch(77.15% 0.0542 41.34)` | Saltwater Taffy | black, 10 to 1 |
| 11 | `#cea29a` | `oklch(75.15% 0.0535 30.85)` | Raffia Cream | black, 9.2 to 1 |
| 12 | `#c89c9a` | `oklch(73.28% 0.0529 21.44)` | Pepperberry | black, 8.6 to 1 |
| 13 | `#c2969a` | `oklch(71.59% 0.0524 13.45)` | Rose Meadow | black, 8.1 to 1 |
| 14 | `#bc9299` | `oklch(70.11% 0.0519 7.22)` | Cherry Juice | black, 7.7 to 1 |
| 15 | `#b78e98` | `oklch(68.91% 0.0514 3.08)` | Cherry Juice | black, 7.3 to 1 |
| 16 | `#b48c96` | `oklch(68.02% 0.0511 1.36)` | Rose Tea | black, 7.1 to 1 |
| 17 | `#b38a94` | `oklch(67.50% 0.0509 2.39)` | Rose Tea | black, 6.9 to 1 |
| 18 | `#b28a91` | `oklch(67.28% 0.0507 6.28)` | Rose Tea | black, 6.9 to 1 |
| 19 | `#b38a8d` | `oklch(67.33% 0.0507 12.68)` | Victorian Mauve | black, 6.9 to 1 |
| 20 | `#b58b8a` | `oklch(67.62% 0.0507 21.24)` | Victorian Mauve | black, 7 to 1 |
| 21 | `#b68e85` | `oklch(68.11% 0.0507 31.59)` | Ponder | black, 7.1 to 1 |
| 22 | `#b79182` | `oklch(68.77% 0.0508 43.38)` | Rosetta | black, 7.3 to 1 |
| 23 | `#b6957f` | `oklch(69.55% 0.0510 56.25)` | Caramelised | black, 7.6 to 1 |
| 24 | `#b59b7e` | `oklch(70.44% 0.0511 69.84)` | Wooded Acre | black, 7.9 to 1 |
| 25 | `#b2a07e` | `oklch(71.38% 0.0513 83.78)` | Dried Edamame | black, 8.2 to 1 |
| 26 | `#aea682` | `oklch(72.35% 0.0515 97.71)` | Woollen Vest | black, 8.6 to 1 |
| 27 | `#a9ac87` | `oklch(73.31% 0.0517 111.28)` | New Bamboo | black, 8.9 to 1 |
| 28 | `#a4b28e` | `oklch(74.23% 0.0519 124.13)` | Soap Green | black, 9.3 to 1 |
| 29 | `#a0b696` | `oklch(75.07% 0.0520 135.89)` | Brookview | black, 9.6 to 1 |
| 30 | `#9cba9d` | `oklch(75.80% 0.0522 146.21)` | Quiet Green | black, 9.9 to 1 |
| 31 | `#99bda4` | `oklch(76.38% 0.0523 154.73)` | Reeds | black, 10.1 to 1 |
| 32 | `#97bea9` | `oklch(76.77% 0.0524 161.08)` | Reeds | black, 10.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #dbf0c7 0.0%, #dcecc1 3.2%, #dde6ba 6.5%, #dedfb3 9.7%, #dfd7ab 12.9%, #dfcea5 16.1%, #dec4a0 19.4%, #dcbb9d 22.6%, #d9b29b 25.8%, #d4aa9a 29.0%, #cea29a 32.3%, #c89c9a 35.5%, #c2969a 38.7%, #bc9299 41.9%, #b78e98 45.2%, #b48c96 48.4%, #b38a94 51.6%, #b28a91 54.8%, #b38a8d 58.1%, #b58b8a 61.3%, #b68e85 64.5%, #b79182 67.7%, #b6957f 71.0%, #b59b7e 74.2%, #b2a07e 77.4%, #aea682 80.6%, #a9ac87 83.9%, #a4b28e 87.1%, #a0b696 90.3%, #9cba9d 93.5%, #99bda4 96.8%, #97bea9 100.0%);
background: linear-gradient(45deg in oklch, oklch(92.91% 0.0593 129.37) 0.0%, oklch(91.93% 0.0589 124.18) 3.2%, oklch(90.65% 0.0585 117.05) 6.5%, oklch(89.11% 0.0580 108.33) 9.7%, oklch(87.35% 0.0575 98.36) 12.9%, oklch(85.44% 0.0569 87.46) 16.1%, oklch(83.42% 0.0562 75.98) 19.4%, oklch(81.33% 0.0555 64.24) 22.6%, oklch(79.22% 0.0549 52.58) 25.8%, oklch(77.15% 0.0542 41.34) 29.0%, oklch(75.15% 0.0535 30.85) 32.3%, oklch(73.28% 0.0529 21.44) 35.5%, oklch(71.59% 0.0524 13.45) 38.7%, oklch(70.11% 0.0519 7.22) 41.9%, oklch(68.91% 0.0514 3.08) 45.2%, oklch(68.02% 0.0511 1.36) 48.4%, oklch(67.50% 0.0509 2.39) 51.6%, oklch(67.28% 0.0507 6.28) 54.8%, oklch(67.33% 0.0507 12.68) 58.1%, oklch(67.62% 0.0507 21.24) 61.3%, oklch(68.11% 0.0507 31.59) 64.5%, oklch(68.77% 0.0508 43.38) 67.7%, oklch(69.55% 0.0510 56.25) 71.0%, oklch(70.44% 0.0511 69.84) 74.2%, oklch(71.38% 0.0513 83.78) 77.4%, oklch(72.35% 0.0515 97.71) 80.6%, oklch(73.31% 0.0517 111.28) 83.9%, oklch(74.23% 0.0519 124.13) 87.1%, oklch(75.07% 0.0520 135.89) 90.3%, oklch(75.80% 0.0522 146.21) 93.5%, oklch(76.38% 0.0523 154.73) 96.8%, oklch(76.77% 0.0524 161.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.059 | 129.4 |
| 2 | 0.677 | 0.051 | 1.5 |
| 3 | 0.768 | 0.052 | 161.1 |

## In these collections

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

## Other forms

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