# Smoke blue muted rose diagonal

Brown, pink and blue linear gradient with 32 colors: #59322d, #603832, #694039, #744941, #80554b, #8d6055, #9a6c5f, #a7776a, #b38174, #bc887e, #c38d87, #c58d8e, #c38b97, #ba86a1, #ab82a9, #977eaf, #7f7bb0, #6679ac, #4f77a4, #3d759c, #327496, #327596, #3e759c, #5177a4, #6a78ab, #847aae, #9d7dab, #b282a3, #c28a99, #cb9391, #d09c8c, #d1a38b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, pink and blue linear gradient
- Seed: `kUXSoUWJi_cOfLhfl9TA`
- Page: https://grabient.com/kUXSoUWJi_cOfLhfl9TA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: muted, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.8 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 | `#59322d` | `oklch(36.61% 0.0579 28.13)` | Redwood | white, 10.8 to 1 |
| 2 | `#603832` | `oklch(38.72% 0.0584 28.50)` | Chocolate Fondant | white, 9.9 to 1 |
| 3 | `#694039` | `oklch(41.68% 0.0590 29.79)` | Sekkasshoku Brown | white, 8.8 to 1 |
| 4 | `#744941` | `oklch(45.28% 0.0597 31.60)` | Burnished Mahogany | white, 7.5 to 1 |
| 5 | `#80554b` | `oklch(49.29% 0.0605 33.54)` | Root Beer | white, 6.3 to 1 |
| 6 | `#8d6055` | `oklch(53.48% 0.0614 35.23)` | Upper East Side | white, 5.3 to 1 |
| 7 | `#9a6c5f` | `oklch(57.63% 0.0624 36.27)` | Safari Brown | black, 4.7 to 1 |
| 8 | `#a7776a` | `oklch(61.52% 0.0635 36.28)` | Sawshark | black, 5.5 to 1 |
| 9 | `#b38174` | `oklch(64.92% 0.0646 34.88)` | Sauvignon Blanc | black, 6.3 to 1 |
| 10 | `#bc887e` | `oklch(67.61% 0.0658 31.66)` | Red Clover | black, 6.9 to 1 |
| 11 | `#c38d87` | `oklch(69.35% 0.0671 26.26)` | Grand Sunset | black, 7.4 to 1 |
| 12 | `#c58d8e` | `oklch(69.94% 0.0685 17.66)` | Dogwood Bloom | black, 7.6 to 1 |
| 13 | `#c38b97` | `oklch(69.41% 0.0704 4.28)` | Desert Bud | black, 7.4 to 1 |
| 14 | `#ba86a1` | `oklch(67.99% 0.0725 347.24)` | A Plum Job | black, 7 to 1 |
| 15 | `#ab82a9` | `oklch(65.91% 0.0748 327.82)` | Stage Mauve | black, 6.4 to 1 |
| 16 | `#977eaf` | `oklch(63.43% 0.0772 307.31)` | Captivated | black, 5.9 to 1 |
| 17 | `#7f7bb0` | `oklch(60.77% 0.0795 287.00)` | Purple Rhapsody | black, 5.3 to 1 |
| 18 | `#6679ac` | `oklch(58.18% 0.0816 268.18)` | Sudden Sapphire | black, 4.8 to 1 |
| 19 | `#4f77a4` | `oklch(55.90% 0.0833 252.14)` | Pacifica | white, 4.6 to 1 |
| 20 | `#3d759c` | `oklch(54.17% 0.0846 240.17)` | Phenomenon | white, 4.9 to 1 |
| 21 | `#327496` | `oklch(53.22% 0.0854 233.57)` | Cottage by the Sea | white, 5.1 to 1 |
| 22 | `#327596` | `oklch(53.29% 0.0853 233.62)` | Cottage by the Sea | white, 5.1 to 1 |
| 23 | `#3e759c` | `oklch(54.27% 0.0845 240.80)` | Phenomenon | white, 4.9 to 1 |
| 24 | `#5177a4` | `oklch(55.95% 0.0830 253.95)` | Pacifica | white, 4.6 to 1 |
| 25 | `#6a78ab` | `oklch(58.18% 0.0809 271.68)` | Regal Azure | black, 4.8 to 1 |
| 26 | `#847aae` | `oklch(60.79% 0.0784 292.64)` | Purple Rhapsody | black, 5.3 to 1 |
| 27 | `#9d7dab` | `oklch(63.62% 0.0758 315.45)` | Virtuous | black, 5.9 to 1 |
| 28 | `#b282a3` | `oklch(66.49% 0.0730 338.73)` | Purple Stripe | black, 6.6 to 1 |
| 29 | `#c28a99` | `oklch(69.25% 0.0704 1.13)` | Desert Bud | black, 7.3 to 1 |
| 30 | `#cb9391` | `oklch(71.73% 0.0680 21.26)` | Minstrel Rose | black, 8.1 to 1 |
| 31 | `#d09c8c` | `oklch(73.77% 0.0661 37.76)` | Nectarine Spice | black, 8.8 to 1 |
| 32 | `#d1a38b` | `oklch(75.20% 0.0648 49.26)` | Autumn Malt | black, 9.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #59322d 0.0%, #603832 3.2%, #694039 6.5%, #744941 9.7%, #80554b 12.9%, #8d6055 16.1%, #9a6c5f 19.4%, #a7776a 22.6%, #b38174 25.8%, #bc887e 29.0%, #c38d87 32.3%, #c58d8e 35.5%, #c38b97 38.7%, #ba86a1 41.9%, #ab82a9 45.2%, #977eaf 48.4%, #7f7bb0 51.6%, #6679ac 54.8%, #4f77a4 58.1%, #3d759c 61.3%, #327496 64.5%, #327596 67.7%, #3e759c 71.0%, #5177a4 74.2%, #6a78ab 77.4%, #847aae 80.6%, #9d7dab 83.9%, #b282a3 87.1%, #c28a99 90.3%, #cb9391 93.5%, #d09c8c 96.8%, #d1a38b 100.0%);
background: linear-gradient(225deg in oklch, oklch(36.61% 0.0579 28.13) 0.0%, oklch(38.72% 0.0584 28.50) 3.2%, oklch(41.68% 0.0590 29.79) 6.5%, oklch(45.28% 0.0597 31.60) 9.7%, oklch(49.29% 0.0605 33.54) 12.9%, oklch(53.48% 0.0614 35.23) 16.1%, oklch(57.63% 0.0624 36.27) 19.4%, oklch(61.52% 0.0635 36.28) 22.6%, oklch(64.92% 0.0646 34.88) 25.8%, oklch(67.61% 0.0658 31.66) 29.0%, oklch(69.35% 0.0671 26.26) 32.3%, oklch(69.94% 0.0685 17.66) 35.5%, oklch(69.41% 0.0704 4.28) 38.7%, oklch(67.99% 0.0725 347.24) 41.9%, oklch(65.91% 0.0748 327.82) 45.2%, oklch(63.43% 0.0772 307.31) 48.4%, oklch(60.77% 0.0795 287.00) 51.6%, oklch(58.18% 0.0816 268.18) 54.8%, oklch(55.90% 0.0833 252.14) 58.1%, oklch(54.17% 0.0846 240.17) 61.3%, oklch(53.22% 0.0854 233.57) 64.5%, oklch(53.29% 0.0853 233.62) 67.7%, oklch(54.27% 0.0845 240.80) 71.0%, oklch(55.95% 0.0830 253.95) 74.2%, oklch(58.18% 0.0809 271.68) 77.4%, oklch(60.79% 0.0784 292.64) 80.6%, oklch(63.62% 0.0758 315.45) 83.9%, oklch(66.49% 0.0730 338.73) 87.1%, oklch(69.25% 0.0704 1.13) 90.3%, oklch(71.73% 0.0680 21.26) 93.5%, oklch(73.77% 0.0661 37.76) 96.8%, oklch(75.20% 0.0648 49.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.058 | 28.1 |
| 2 | 0.697 | 0.068 | 23.9 |
| 3 | 0.531 | 0.085 | -127.2 |
| 4 | 0.752 | 0.065 | 49.3 |

## In these collections

- [First woodsmoke evening](https://grabient.com/first-woodsmoke-evening)

## Other forms

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