# Magnolia blush mauve field

Analogous tan and mauve linear gradient with 40 colors: #ba9282, #b99081, #b98f81, #b88c80, #b68a80, #b58780, #b38480, #b18080, #af7d80, #ac7a80, #aa7781, #a77481, #a47282, #a26f83, #9f6d83, #9d6c84, #9c6a85, #9a6985, #9a6885, #9a6785, #9b6785, #9d6885, #a06884, #a46a83, #a86b82, #ac6d80, #b16f7e, #b6727b, #bb7578, #bf7875, #c37c72, #c7806f, #ca846b, #cd8968, #cf8d66, #d09164, #d19662, #d19961, #d19c60, #d19f60. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous tan and mauve linear gradient
- Seed: `kSsCceyZw492kyk`
- Page: https://grabient.com/kSsCceyZw492kyk?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#ba9282` | `oklch(69.29% 0.0537 42.89)` | Belfry Brick | black, 7.5 to 1 |
| 2 | `#b99081` | `oklch(68.94% 0.0544 41.04)` | Rosetta | black, 7.4 to 1 |
| 3 | `#b98f81` | `oklch(68.46% 0.0552 38.57)` | Rosetta | black, 7.2 to 1 |
| 4 | `#b88c80` | `oklch(67.89% 0.0561 35.57)` | Tuscany | black, 7.1 to 1 |
| 5 | `#b68a80` | `oklch(67.23% 0.0570 32.13)` | Warm Comfort | black, 6.9 to 1 |
| 6 | `#b58780` | `oklch(66.51% 0.0581 28.32)` | Warm Comfort | black, 6.7 to 1 |
| 7 | `#b38480` | `oklch(65.73% 0.0592 24.23)` | Desert Red | black, 6.5 to 1 |
| 8 | `#b18080` | `oklch(64.91% 0.0604 19.95)` | Minuet Rose | black, 6.2 to 1 |
| 9 | `#af7d80` | `oklch(64.07% 0.0617 15.54)` | Taffeta Darling | black, 6 to 1 |
| 10 | `#ac7a80` | `oklch(63.23% 0.0630 11.11)` | Taffeta Darling | black, 5.8 to 1 |
| 11 | `#aa7781` | `oklch(62.39% 0.0643 6.73)` | Mauve Madness | black, 5.6 to 1 |
| 12 | `#a77481` | `oklch(61.58% 0.0657 2.49)` | Never Forget | black, 5.4 to 1 |
| 13 | `#a47282` | `oklch(60.81% 0.0671 358.47)` | Never Forget | black, 5.3 to 1 |
| 14 | `#a26f83` | `oklch(60.09% 0.0685 354.75)` | Never Forget | black, 5.1 to 1 |
| 15 | `#9f6d83` | `oklch(59.45% 0.0699 351.42)` | Penelope Pink | black, 5 to 1 |
| 16 | `#9d6c84` | `oklch(58.89% 0.0713 348.55)` | Penelope Pink | black, 4.8 to 1 |
| 17 | `#9c6a85` | `oklch(58.43% 0.0727 346.24)` | Penelope Pink | black, 4.8 to 1 |
| 18 | `#9a6985` | `oklch(58.10% 0.0740 344.57)` | Penelope Pink | black, 4.7 to 1 |
| 19 | `#9a6885` | `oklch(57.89% 0.0753 343.61)` | Penelope Pink | black, 4.6 to 1 |
| 20 | `#9a6785` | `oklch(57.84% 0.0766 343.46)` | Rust Magenta | black, 4.6 to 1 |
| 21 | `#9b6785` | `oklch(57.95% 0.0778 344.20)` | Garden Aroma | black, 4.6 to 1 |
| 22 | `#9d6885` | `oklch(58.24% 0.0790 345.89)` | Penelope Pink | black, 4.7 to 1 |
| 23 | `#a06884` | `oklch(58.68% 0.0803 348.43)` | Penelope Pink | black, 4.8 to 1 |
| 24 | `#a46a83` | `oklch(59.27% 0.0817 351.74)` | Penelope Pink | black, 4.9 to 1 |
| 25 | `#a86b82` | `oklch(59.98% 0.0831 355.72)` | Cure All | black, 5 to 1 |
| 26 | `#ac6d80` | `oklch(60.79% 0.0844 0.28)` | Shade of Mauve | black, 5.2 to 1 |
| 27 | `#b16f7e` | `oklch(61.69% 0.0858 5.32)` | Shade of Mauve | black, 5.4 to 1 |
| 28 | `#b6727b` | `oklch(62.67% 0.0872 10.74)` | Hollyhock Bloom | black, 5.6 to 1 |
| 29 | `#bb7578` | `oklch(63.70% 0.0886 16.46)` | Nipple | black, 5.9 to 1 |
| 30 | `#bf7875` | `oklch(64.76% 0.0900 22.37)` | Antique Pink | black, 6.1 to 1 |
| 31 | `#c37c72` | `oklch(65.85% 0.0913 28.39)` | Antique Pink | black, 6.4 to 1 |
| 32 | `#c7806f` | `oklch(66.94% 0.0927 34.41)` | Earthworm | black, 6.7 to 1 |
| 33 | `#ca846b` | `oklch(68.01% 0.0939 40.34)` | Cabana Melon | black, 7 to 1 |
| 34 | `#cd8968` | `oklch(69.05% 0.0951 46.09)` | Escalope | black, 7.3 to 1 |
| 35 | `#cf8d66` | `oklch(70.04% 0.0962 51.56)` | Grounded | black, 7.6 to 1 |
| 36 | `#d09164` | `oklch(70.96% 0.0973 56.66)` | Whiskey | black, 7.9 to 1 |
| 37 | `#d19662` | `oklch(71.79% 0.0983 61.29)` | Glazed Pecan | black, 8.2 to 1 |
| 38 | `#d19961` | `oklch(72.53% 0.0992 65.36)` | Butternut Tree | black, 8.4 to 1 |
| 39 | `#d19c60` | `oklch(73.14% 0.0999 68.77)` | Oak Buff | black, 8.6 to 1 |
| 40 | `#d19f60` | `oklch(73.62% 0.1006 71.42)` | Honey Beehive | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(225deg, #ba9282 0.0%, #b99081 2.6%, #b98f81 5.1%, #b88c80 7.7%, #b68a80 10.3%, #b58780 12.8%, #b38480 15.4%, #b18080 17.9%, #af7d80 20.5%, #ac7a80 23.1%, #aa7781 25.6%, #a77481 28.2%, #a47282 30.8%, #a26f83 33.3%, #9f6d83 35.9%, #9d6c84 38.5%, #9c6a85 41.0%, #9a6985 43.6%, #9a6885 46.2%, #9a6785 48.7%, #9b6785 51.3%, #9d6885 53.8%, #a06884 56.4%, #a46a83 59.0%, #a86b82 61.5%, #ac6d80 64.1%, #b16f7e 66.7%, #b6727b 69.2%, #bb7578 71.8%, #bf7875 74.4%, #c37c72 76.9%, #c7806f 79.5%, #ca846b 82.1%, #cd8968 84.6%, #cf8d66 87.2%, #d09164 89.7%, #d19662 92.3%, #d19961 94.9%, #d19c60 97.4%, #d19f60 100.0%);
background: linear-gradient(225deg in oklch, oklch(69.29% 0.0537 42.89) 0.0%, oklch(68.94% 0.0544 41.04) 2.6%, oklch(68.46% 0.0552 38.57) 5.1%, oklch(67.89% 0.0561 35.57) 7.7%, oklch(67.23% 0.0570 32.13) 10.3%, oklch(66.51% 0.0581 28.32) 12.8%, oklch(65.73% 0.0592 24.23) 15.4%, oklch(64.91% 0.0604 19.95) 17.9%, oklch(64.07% 0.0617 15.54) 20.5%, oklch(63.23% 0.0630 11.11) 23.1%, oklch(62.39% 0.0643 6.73) 25.6%, oklch(61.58% 0.0657 2.49) 28.2%, oklch(60.81% 0.0671 358.47) 30.8%, oklch(60.09% 0.0685 354.75) 33.3%, oklch(59.45% 0.0699 351.42) 35.9%, oklch(58.89% 0.0713 348.55) 38.5%, oklch(58.43% 0.0727 346.24) 41.0%, oklch(58.10% 0.0740 344.57) 43.6%, oklch(57.89% 0.0753 343.61) 46.2%, oklch(57.84% 0.0766 343.46) 48.7%, oklch(57.95% 0.0778 344.20) 51.3%, oklch(58.24% 0.0790 345.89) 53.8%, oklch(58.68% 0.0803 348.43) 56.4%, oklch(59.27% 0.0817 351.74) 59.0%, oklch(59.98% 0.0831 355.72) 61.5%, oklch(60.79% 0.0844 0.28) 64.1%, oklch(61.69% 0.0858 5.32) 66.7%, oklch(62.67% 0.0872 10.74) 69.2%, oklch(63.70% 0.0886 16.46) 71.8%, oklch(64.76% 0.0900 22.37) 74.4%, oklch(65.85% 0.0913 28.39) 76.9%, oklch(66.94% 0.0927 34.41) 79.5%, oklch(68.01% 0.0939 40.34) 82.1%, oklch(69.05% 0.0951 46.09) 84.6%, oklch(70.04% 0.0962 51.56) 87.2%, oklch(70.96% 0.0973 56.66) 89.7%, oklch(71.79% 0.0983 61.29) 92.3%, oklch(72.53% 0.0992 65.36) 94.9%, oklch(73.14% 0.0999 68.77) 97.4%, oklch(73.62% 0.1006 71.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.054 | 42.9 |
| 2 | 0.579 | 0.077 | -16.3 |
| 3 | 0.736 | 0.101 | 71.4 |

## In these collections

- [Magnolia rain morning](https://grabient.com/magnolia-rain-morning)

## Other forms

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