# Muted red blue gradient

Gray, light blue, purple and brown linear gradient with 40 colors: #492c26, #533635, #60464a, #6f5a63, #7f727e, #918b97, #a5a4ad, #b9bbc0, #cbcdd1, #d7dbde, #dce2e5, #d7e2e8, #cadee6, #b7d6e2, #a1cbdb, #88bdd4, #71aecd, #5d9fc7, #5090c1, #4c82bc, #5178b7, #5d6db0, #6b63a5, #775b95, #7f5582, #82526f, #805160, #7c5255, #76524e, #71514b, #6c4f4a, #684c4a, #65494c, #61474e, #5c4552, #564356, #4f4359, #48425a, #42425b, #3d425a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, light blue, purple and brown linear gradient
- Seed: `kWUyAXcwKtMonQm7D9AMQ8yI`
- Page: https://grabient.com/kWUyAXcwKtMonQm7D9AMQ8yI?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#492c26` | `oklch(32.68% 0.0441 32.34)` | Brown Coffee | white, 12.5 to 1 |
| 2 | `#533635` | `oklch(36.65% 0.0412 21.78)` | Droëwors | white, 10.7 to 1 |
| 3 | `#60464a` | `oklch(42.31% 0.0366 7.10)` | Purple Earth | white, 8.5 to 1 |
| 4 | `#6f5a63` | `oklch(49.17% 0.0309 349.37)` | Aubergine Grey | white, 6.3 to 1 |
| 5 | `#7f727e` | `oklch(56.77% 0.0246 329.71)` | Plush Velvet | black, 4.6 to 1 |
| 6 | `#918b97` | `oklch(64.61% 0.0185 309.19)` | Tin Lizzie | black, 6.3 to 1 |
| 7 | `#a5a4ad` | `oklch(72.22% 0.0129 288.93)` | Mysterious Mauve | black, 8.5 to 1 |
| 8 | `#b9bbc0` | `oklch(79.13% 0.0084 270.01)` | Streamlined Grey | black, 10.9 to 1 |
| 9 | `#cbcdd1` | `oklch(84.85% 0.0057 253.52)` | Lunar Rays | black, 13.2 to 1 |
| 10 | `#d7dbde` | `oklch(88.90% 0.0053 240.57)` | Shy Denim | black, 15 to 1 |
| 11 | `#dce2e5` | `oklch(90.81% 0.0078 232.15)` | Cosmic Dust | black, 16 to 1 |
| 12 | `#d7e2e8` | `oklch(90.66% 0.0143 226.96)` | Bare Mintimum | black, 15.9 to 1 |
| 13 | `#cadee6` | `oklch(88.84% 0.0241 224.08)` | Salty Vapour | black, 15.1 to 1 |
| 14 | `#b7d6e2` | `oklch(85.71% 0.0363 223.30)` | Lingerie Blue | black, 13.7 to 1 |
| 15 | `#a1cbdb` | `oklch(81.63% 0.0500 224.41)` | Intercoastal | black, 12 to 1 |
| 16 | `#88bdd4` | `oklch(76.97% 0.0642 227.20)` | High Elf Blue | black, 10.2 to 1 |
| 17 | `#71aecd` | `oklch(72.07% 0.0779 231.46)` | Imrik Blue | black, 8.6 to 1 |
| 18 | `#5d9fc7` | `oklch(67.30% 0.0900 236.99)` | Sub-Zero | black, 7.2 to 1 |
| 19 | `#5090c1` | `oklch(63.01% 0.0997 243.57)` | Azure Blue | black, 6 to 1 |
| 20 | `#4c82bc` | `oklch(59.56% 0.1060 251.00)` | Blue Vault | black, 5.2 to 1 |
| 21 | `#5178b7` | `oklch(57.18% 0.1079 259.61)` | Diva Violet | black, 4.7 to 1 |
| 22 | `#5d6db0` | `oklch(55.28% 0.1060 272.12)` | Loch Ness | white, 4.8 to 1 |
| 23 | `#6b63a5` | `oklch(53.69% 0.1010 287.93)` | Scampi | white, 5.2 to 1 |
| 24 | `#775b95` | `oklch(52.36% 0.0938 305.84)` | Ghostly Purple | white, 5.6 to 1 |
| 25 | `#7f5582` | `oklch(51.22% 0.0850 324.66)` | Champion | white, 5.9 to 1 |
| 26 | `#82526f` | `oklch(50.23% 0.0754 343.21)` | Magnificence | white, 6.1 to 1 |
| 27 | `#805160` | `oklch(49.34% 0.0657 0.29)` | Artful Magenta | white, 6.3 to 1 |
| 28 | `#7c5255` | `oklch(48.49% 0.0567 14.71)` | Deep Rhubarb | white, 6.5 to 1 |
| 29 | `#76524e` | `oklch(47.63% 0.0491 25.29)` | Terrace Brown | white, 6.8 to 1 |
| 30 | `#71514b` | `oklch(46.71% 0.0437 30.83)` | Susu-Take Bamboo | white, 7 to 1 |
| 31 | `#6c4f4a` | `oklch(45.70% 0.0405 30.30)` | Tonka Bean | white, 7.3 to 1 |
| 32 | `#684c4a` | `oklch(44.70% 0.0386 24.15)` | Medium Taupe | white, 7.6 to 1 |
| 33 | `#65494c` | `oklch(43.72% 0.0377 13.54)` | Chocolate Eclair | white, 8 to 1 |
| 34 | `#61474e` | `oklch(42.78% 0.0375 359.68)` | Gǔ Tóng Hēi Copper | white, 8.3 to 1 |
| 35 | `#5c4552` | `oklch(41.89% 0.0379 343.76)` | Purple Basil | white, 8.6 to 1 |
| 36 | `#564356` | `oklch(41.06% 0.0387 326.98)` | Interlude | white, 8.9 to 1 |
| 37 | `#4f4359` | `oklch(40.30% 0.0396 310.52)` | Blackberry Harvest | white, 9.2 to 1 |
| 38 | `#48425a` | `oklch(39.62% 0.0405 295.58)` | Club Grey | white, 9.4 to 1 |
| 39 | `#42425b` | `oklch(39.05% 0.0411 283.36)` | Majestic Blue | white, 9.6 to 1 |
| 40 | `#3d425a` | `oklch(38.58% 0.0413 275.04)` | Amphystine | white, 9.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #492c26 0.0%, #533635 2.6%, #60464a 5.1%, #6f5a63 7.7%, #7f727e 10.3%, #918b97 12.8%, #a5a4ad 15.4%, #b9bbc0 17.9%, #cbcdd1 20.5%, #d7dbde 23.1%, #dce2e5 25.6%, #d7e2e8 28.2%, #cadee6 30.8%, #b7d6e2 33.3%, #a1cbdb 35.9%, #88bdd4 38.5%, #71aecd 41.0%, #5d9fc7 43.6%, #5090c1 46.2%, #4c82bc 48.7%, #5178b7 51.3%, #5d6db0 53.8%, #6b63a5 56.4%, #775b95 59.0%, #7f5582 61.5%, #82526f 64.1%, #805160 66.7%, #7c5255 69.2%, #76524e 71.8%, #71514b 74.4%, #6c4f4a 76.9%, #684c4a 79.5%, #65494c 82.1%, #61474e 84.6%, #5c4552 87.2%, #564356 89.7%, #4f4359 92.3%, #48425a 94.9%, #42425b 97.4%, #3d425a 100.0%);
background: linear-gradient(135deg in oklch, oklch(32.68% 0.0441 32.34) 0.0%, oklch(36.65% 0.0412 21.78) 2.6%, oklch(42.31% 0.0366 7.10) 5.1%, oklch(49.17% 0.0309 349.37) 7.7%, oklch(56.77% 0.0246 329.71) 10.3%, oklch(64.61% 0.0185 309.19) 12.8%, oklch(72.22% 0.0129 288.93) 15.4%, oklch(79.13% 0.0084 270.01) 17.9%, oklch(84.85% 0.0057 253.52) 20.5%, oklch(88.90% 0.0053 240.57) 23.1%, oklch(90.81% 0.0078 232.15) 25.6%, oklch(90.66% 0.0143 226.96) 28.2%, oklch(88.84% 0.0241 224.08) 30.8%, oklch(85.71% 0.0363 223.30) 33.3%, oklch(81.63% 0.0500 224.41) 35.9%, oklch(76.97% 0.0642 227.20) 38.5%, oklch(72.07% 0.0779 231.46) 41.0%, oklch(67.30% 0.0900 236.99) 43.6%, oklch(63.01% 0.0997 243.57) 46.2%, oklch(59.56% 0.1060 251.00) 48.7%, oklch(57.18% 0.1079 259.61) 51.3%, oklch(55.28% 0.1060 272.12) 53.8%, oklch(53.69% 0.1010 287.93) 56.4%, oklch(52.36% 0.0938 305.84) 59.0%, oklch(51.22% 0.0850 324.66) 61.5%, oklch(50.23% 0.0754 343.21) 64.1%, oklch(49.34% 0.0657 0.29) 66.7%, oklch(48.49% 0.0567 14.71) 69.2%, oklch(47.63% 0.0491 25.29) 71.8%, oklch(46.71% 0.0437 30.83) 74.4%, oklch(45.70% 0.0405 30.30) 76.9%, oklch(44.70% 0.0386 24.15) 79.5%, oklch(43.72% 0.0377 13.54) 82.1%, oklch(42.78% 0.0375 359.68) 84.6%, oklch(41.89% 0.0379 343.76) 87.2%, oklch(41.06% 0.0387 326.98) 89.7%, oklch(40.30% 0.0396 310.52) 92.3%, oklch(39.62% 0.0405 295.58) 94.9%, oklch(39.05% 0.0411 283.36) 97.4%, oklch(38.58% 0.0413 275.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.044 | 32.3 |
| 2 | 0.906 | 0.007 | -126.2 |
| 3 | 0.583 | 0.107 | -105 |
| 4 | 0.465 | 0.043 | 31.3 |
| 5 | 0.386 | 0.041 | -85 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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