# Sage dusty blue diagonal

Muted rainbow from mauve to beige linear gradient with 64 colors: #a87a6e, #a8796f, #a87871, #a87772, #a77674, #a67576, #a57478, #a4737a, #a3717c, #a1707e, #9f6f81, #9d6e84, #9a6d86, #976d89, #946c8c, #906c8f, #8c6b91, #886b94, #846c96, #7f6c98, #7a6d9a, #766d9c, #716e9d, #6c6f9e, #67719f, #62729f, #5d749f, #58769f, #54779e, #50799e, #4d7c9d, #4a7e9c, #48809c, #47839b, #46869a, #478999, #488c98, #4b9098, #4e9397, #539796, #589a95, #5e9e95, #65a194, #6ca594, #73a994, #7bac94, #83b095, #8bb395, #93b797, #9bba98, #a3bd9a, #aac19c, #b1c49e, #b9c7a0, #bfcaa3, #c6cda6, #cccfa9, #d2d2ac, #d7d4af, #dcd7b2, #e0d9b5, #e4dbb7, #e8dcba, #ebdebc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from mauve to beige linear gradient
- Seed: `kSniwZSJqs3KRLu`
- Page: https://grabient.com/kSniwZSJqs3KRLu?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: dark center, muted, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 3.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 | `#a87a6e` | `oklch(62.20% 0.0606 35.16)` | Rum Spice | black, 5.6 to 1 |
| 2 | `#a8796f` | `oklch(62.10% 0.0609 32.42)` | Rum Spice | black, 5.6 to 1 |
| 3 | `#a87871` | `oklch(61.95% 0.0611 29.36)` | Rum Spice | black, 5.6 to 1 |
| 4 | `#a87772` | `oklch(61.76% 0.0615 25.99)` | Cinnamon Diamonds | black, 5.5 to 1 |
| 5 | `#a77674` | `oklch(61.53% 0.0619 22.32)` | Dusky Haze | black, 5.4 to 1 |
| 6 | `#a67576` | `oklch(61.28% 0.0623 18.38)` | Handmade Red | black, 5.4 to 1 |
| 7 | `#a57478` | `oklch(60.99% 0.0628 14.19)` | Carley’s Rose | black, 5.3 to 1 |
| 8 | `#a4737a` | `oklch(60.68% 0.0633 9.75)` | Nostalgia Rose | black, 5.2 to 1 |
| 9 | `#a3717c` | `oklch(60.35% 0.0638 5.09)` | Nostalgia Rose | black, 5.2 to 1 |
| 10 | `#a1707e` | `oklch(60.00% 0.0644 0.22)` | Black Elder | black, 5.1 to 1 |
| 11 | `#9f6f81` | `oklch(59.64% 0.0650 355.17)` | Meadow Flower | black, 5 to 1 |
| 12 | `#9d6e84` | `oklch(59.28% 0.0656 349.94)` | Meadow Flower | black, 4.9 to 1 |
| 13 | `#9a6d86` | `oklch(58.91% 0.0662 344.56)` | Sophisticated Lilac | black, 4.9 to 1 |
| 14 | `#976d89` | `oklch(58.55% 0.0668 339.04)` | Sophisticated Lilac | black, 4.8 to 1 |
| 15 | `#946c8c` | `oklch(58.19% 0.0674 333.40)` | Sophisticated Lilac | black, 4.7 to 1 |
| 16 | `#906c8f` | `oklch(57.83% 0.0680 327.66)` | Chinese Violet | black, 4.7 to 1 |
| 17 | `#8c6b91` | `oklch(57.50% 0.0686 321.83)` | Rhinestone | black, 4.6 to 1 |
| 18 | `#886b94` | `oklch(57.18% 0.0692 315.94)` | Poetry Mauve | black, 4.5 to 1 |
| 19 | `#846c96` | `oklch(56.88% 0.0698 309.99)` | Ornate | white, 4.6 to 1 |
| 20 | `#7f6c98` | `oklch(56.60% 0.0703 304.01)` | Ornate | white, 4.6 to 1 |
| 21 | `#7a6d9a` | `oklch(56.36% 0.0708 298.02)` | Arabian Silk | white, 4.6 to 1 |
| 22 | `#766d9c` | `oklch(56.15% 0.0713 292.03)` | Purple Spire | white, 4.7 to 1 |
| 23 | `#716e9d` | `oklch(55.98% 0.0717 286.05)` | Thirsty Thursday | white, 4.7 to 1 |
| 24 | `#6c6f9e` | `oklch(55.86% 0.0721 280.11)` | Thirsty Thursday | white, 4.7 to 1 |
| 25 | `#67719f` | `oklch(55.78% 0.0725 274.22)` | Hyacinth Mauve | white, 4.7 to 1 |
| 26 | `#62729f` | `oklch(55.75% 0.0728 268.40)` | Blueberry Patch | white, 4.7 to 1 |
| 27 | `#5d749f` | `oklch(55.77% 0.0730 262.67)` | Costume Blue | white, 4.7 to 1 |
| 28 | `#58769f` | `oklch(55.86% 0.0732 257.04)` | Montreux Blue | white, 4.6 to 1 |
| 29 | `#54779e` | `oklch(56.01% 0.0733 251.54)` | Secrecy | white, 4.6 to 1 |
| 30 | `#50799e` | `oklch(56.22% 0.0733 246.17)` | Tech Wave | black, 4.5 to 1 |
| 31 | `#4d7c9d` | `oklch(56.51% 0.0733 240.96)` | Storm Blue | black, 4.6 to 1 |
| 32 | `#4a7e9c` | `oklch(56.87% 0.0731 235.92)` | Flattering Blue | black, 4.7 to 1 |
| 33 | `#48809c` | `oklch(57.32% 0.0729 231.04)` | Dirty Blue | black, 4.8 to 1 |
| 34 | `#47839b` | `oklch(57.87% 0.0726 226.09)` | Dirty Blue | black, 4.9 to 1 |
| 35 | `#46869a` | `oklch(58.52% 0.0722 221.05)` | Turquesa | black, 5.1 to 1 |
| 36 | `#478999` | `oklch(59.27% 0.0717 215.93)` | Hippie Blue | black, 5.2 to 1 |
| 37 | `#488c98` | `oklch(60.10% 0.0711 210.74)` | Blue Square | black, 5.4 to 1 |
| 38 | `#4b9098` | `oklch(61.01% 0.0704 205.50)` | Adrift | black, 5.7 to 1 |
| 39 | `#4e9397` | `oklch(61.99% 0.0697 200.22)` | Bluebound | black, 5.9 to 1 |
| 40 | `#539796` | `oklch(63.04% 0.0689 194.91)` | Peaceful Pond | black, 6.2 to 1 |
| 41 | `#589a95` | `oklch(64.14% 0.0680 189.58)` | Caulerpa Lentillifera | black, 6.4 to 1 |
| 42 | `#5e9e95` | `oklch(65.30% 0.0671 184.24)` | Treasure Isle | black, 6.7 to 1 |
| 43 | `#65a194` | `oklch(66.51% 0.0662 178.91)` | Emerald Oasis | black, 7.1 to 1 |
| 44 | `#6ca594` | `oklch(67.75% 0.0652 173.60)` | Harmony in Green | black, 7.4 to 1 |
| 45 | `#73a994` | `oklch(69.02% 0.0642 168.32)` | Acapulco | black, 7.8 to 1 |
| 46 | `#7bac94` | `oklch(70.32% 0.0631 163.08)` | Catnip | black, 8.1 to 1 |
| 47 | `#83b095` | `oklch(71.64% 0.0621 157.90)` | Covent Garden | black, 8.5 to 1 |
| 48 | `#8bb395` | `oklch(72.97% 0.0610 152.78)` | Morris Artichoke | black, 8.9 to 1 |
| 49 | `#93b797` | `oklch(74.30% 0.0599 147.74)` | Liebermann Green | black, 9.4 to 1 |
| 50 | `#9bba98` | `oklch(75.63% 0.0588 142.79)` | Quiet Green | black, 9.8 to 1 |
| 51 | `#a3bd9a` | `oklch(76.95% 0.0577 137.94)` | Spring Rain | black, 10.3 to 1 |
| 52 | `#aac19c` | `oklch(78.26% 0.0566 133.21)` | Saxon | black, 10.7 to 1 |
| 53 | `#b1c49e` | `oklch(79.54% 0.0556 128.60)` | Green Eggs & Cam | black, 11.2 to 1 |
| 54 | `#b9c7a0` | `oklch(80.79% 0.0546 124.13)` | Seagrass | black, 11.7 to 1 |
| 55 | `#bfcaa3` | `oklch(82.01% 0.0535 119.82)` | Marjoram | black, 12.1 to 1 |
| 56 | `#c6cda6` | `oklch(83.18% 0.0526 115.67)` | Baize Green | black, 12.6 to 1 |
| 57 | `#cccfa9` | `oklch(84.30% 0.0516 111.69)` | Hybrid | black, 13 to 1 |
| 58 | `#d2d2ac` | `oklch(85.36% 0.0508 107.90)` | Olive Martini | black, 13.5 to 1 |
| 59 | `#d7d4af` | `oklch(86.36% 0.0499 104.30)` | Chinese Silk | black, 13.9 to 1 |
| 60 | `#dcd7b2` | `oklch(87.29% 0.0492 100.92)` | Rancho Verde | black, 14.3 to 1 |
| 61 | `#e0d9b5` | `oklch(88.14% 0.0485 97.77)` | Island Embrace | black, 14.7 to 1 |
| 62 | `#e4dbb7` | `oklch(88.91% 0.0479 94.84)` | Tempered Sage | black, 15 to 1 |
| 63 | `#e8dcba` | `oklch(89.58% 0.0473 92.17)` | Amish Bread | black, 15.4 to 1 |
| 64 | `#ebdebc` | `oklch(90.16% 0.0469 89.76)` | Salt Steppe | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(225deg, #a87a6e 0.0%, #a8796f 1.6%, #a87871 3.2%, #a87772 4.8%, #a77674 6.3%, #a67576 7.9%, #a57478 9.5%, #a4737a 11.1%, #a3717c 12.7%, #a1707e 14.3%, #9f6f81 15.9%, #9d6e84 17.5%, #9a6d86 19.0%, #976d89 20.6%, #946c8c 22.2%, #906c8f 23.8%, #8c6b91 25.4%, #886b94 27.0%, #846c96 28.6%, #7f6c98 30.2%, #7a6d9a 31.7%, #766d9c 33.3%, #716e9d 34.9%, #6c6f9e 36.5%, #67719f 38.1%, #62729f 39.7%, #5d749f 41.3%, #58769f 42.9%, #54779e 44.4%, #50799e 46.0%, #4d7c9d 47.6%, #4a7e9c 49.2%, #48809c 50.8%, #47839b 52.4%, #46869a 54.0%, #478999 55.6%, #488c98 57.1%, #4b9098 58.7%, #4e9397 60.3%, #539796 61.9%, #589a95 63.5%, #5e9e95 65.1%, #65a194 66.7%, #6ca594 68.3%, #73a994 69.8%, #7bac94 71.4%, #83b095 73.0%, #8bb395 74.6%, #93b797 76.2%, #9bba98 77.8%, #a3bd9a 79.4%, #aac19c 81.0%, #b1c49e 82.5%, #b9c7a0 84.1%, #bfcaa3 85.7%, #c6cda6 87.3%, #cccfa9 88.9%, #d2d2ac 90.5%, #d7d4af 92.1%, #dcd7b2 93.7%, #e0d9b5 95.2%, #e4dbb7 96.8%, #e8dcba 98.4%, #ebdebc 100.0%);
background: linear-gradient(225deg in oklch, oklch(62.20% 0.0606 35.16) 0.0%, oklch(62.10% 0.0609 32.42) 1.6%, oklch(61.95% 0.0611 29.36) 3.2%, oklch(61.76% 0.0615 25.99) 4.8%, oklch(61.53% 0.0619 22.32) 6.3%, oklch(61.28% 0.0623 18.38) 7.9%, oklch(60.99% 0.0628 14.19) 9.5%, oklch(60.68% 0.0633 9.75) 11.1%, oklch(60.35% 0.0638 5.09) 12.7%, oklch(60.00% 0.0644 0.22) 14.3%, oklch(59.64% 0.0650 355.17) 15.9%, oklch(59.28% 0.0656 349.94) 17.5%, oklch(58.91% 0.0662 344.56) 19.0%, oklch(58.55% 0.0668 339.04) 20.6%, oklch(58.19% 0.0674 333.40) 22.2%, oklch(57.83% 0.0680 327.66) 23.8%, oklch(57.50% 0.0686 321.83) 25.4%, oklch(57.18% 0.0692 315.94) 27.0%, oklch(56.88% 0.0698 309.99) 28.6%, oklch(56.60% 0.0703 304.01) 30.2%, oklch(56.36% 0.0708 298.02) 31.7%, oklch(56.15% 0.0713 292.03) 33.3%, oklch(55.98% 0.0717 286.05) 34.9%, oklch(55.86% 0.0721 280.11) 36.5%, oklch(55.78% 0.0725 274.22) 38.1%, oklch(55.75% 0.0728 268.40) 39.7%, oklch(55.77% 0.0730 262.67) 41.3%, oklch(55.86% 0.0732 257.04) 42.9%, oklch(56.01% 0.0733 251.54) 44.4%, oklch(56.22% 0.0733 246.17) 46.0%, oklch(56.51% 0.0733 240.96) 47.6%, oklch(56.87% 0.0731 235.92) 49.2%, oklch(57.32% 0.0729 231.04) 50.8%, oklch(57.87% 0.0726 226.09) 52.4%, oklch(58.52% 0.0722 221.05) 54.0%, oklch(59.27% 0.0717 215.93) 55.6%, oklch(60.10% 0.0711 210.74) 57.1%, oklch(61.01% 0.0704 205.50) 58.7%, oklch(61.99% 0.0697 200.22) 60.3%, oklch(63.04% 0.0689 194.91) 61.9%, oklch(64.14% 0.0680 189.58) 63.5%, oklch(65.30% 0.0671 184.24) 65.1%, oklch(66.51% 0.0662 178.91) 66.7%, oklch(67.75% 0.0652 173.60) 68.3%, oklch(69.02% 0.0642 168.32) 69.8%, oklch(70.32% 0.0631 163.08) 71.4%, oklch(71.64% 0.0621 157.90) 73.0%, oklch(72.97% 0.0610 152.78) 74.6%, oklch(74.30% 0.0599 147.74) 76.2%, oklch(75.63% 0.0588 142.79) 77.8%, oklch(76.95% 0.0577 137.94) 79.4%, oklch(78.26% 0.0566 133.21) 81.0%, oklch(79.54% 0.0556 128.60) 82.5%, oklch(80.79% 0.0546 124.13) 84.1%, oklch(82.01% 0.0535 119.82) 85.7%, oklch(83.18% 0.0526 115.67) 87.3%, oklch(84.30% 0.0516 111.69) 88.9%, oklch(85.36% 0.0508 107.90) 90.5%, oklch(86.36% 0.0499 104.30) 92.1%, oklch(87.29% 0.0492 100.92) 93.7%, oklch(88.14% 0.0485 97.77) 95.2%, oklch(88.91% 0.0479 94.84) 96.8%, oklch(89.58% 0.0473 92.17) 98.4%, oklch(90.16% 0.0469 89.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.061 | 35.2 |
| 2 | 0.571 | 0.073 | -126.5 |
| 3 | 0.902 | 0.047 | -270.2 |

## In these collections

- [Dusty blue bridal flowers](https://grabient.com/dusty-blue-bridal-flowers)

## Other forms

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