# Misty mauve teal fold

Monochrome gray and gray blue angular gradient with 13 colors: #e4c2cd, #d3becd, #beb8c6, #adb0be, #96a7b6, #819ea9, #6f939d, #5f8793, #547b84, #4f6d75, #4c606c, #515061, #534752. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome gray and gray blue angular gradient
- Seed: `kY1x3-Ywc4deMt9LEb7voxArSJTG`
- Page: https://grabient.com/kY1x3-Ywc4deMt9LEb7voxArSJTG?style=angularGradient&steps=13&angle=135
- Drawn as: angular gradient, 13 steps, 135 degrees
- Kinds: light to dark, muted, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.4 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 | `#e4c2cd` | `oklch(84.65% 0.0400 357.19)` | In the Slip | black, 12.9 to 1 |
| 2 | `#d3becd` | `oklch(82.45% 0.0310 335.53)` | Tamed Beauty | black, 12 to 1 |
| 3 | `#beb8c6` | `oklch(79.28% 0.0209 305.39)` | Silverberry | black, 10.8 to 1 |
| 4 | `#adb0be` | `oklch(75.87% 0.0206 275.57)` | Polar Mist | black, 9.7 to 1 |
| 5 | `#96a7b6` | `oklch(72.06% 0.0282 243.72)` | Ashen Wind | black, 8.5 to 1 |
| 6 | `#819ea9` | `oklch(68.10% 0.0357 222.23)` | Serene Stream | black, 7.4 to 1 |
| 7 | `#6f939d` | `oklch(64.03% 0.0432 216.18)` | Silk Khimar | black, 6.3 to 1 |
| 8 | `#5f8793` | `oklch(59.88% 0.0481 216.63)` | Horizon | black, 5.3 to 1 |
| 9 | `#547b84` | `oklch(55.70% 0.0451 213.98)` | Holbein Blue Grey | white, 4.6 to 1 |
| 10 | `#4f6d75` | `oklch(51.53% 0.0371 214.06)` | Blue Sentinel | white, 5.5 to 1 |
| 11 | `#4c606c` | `oklch(47.70% 0.0312 236.07)` | Blackthorn Blue | white, 6.5 to 1 |
| 12 | `#515061` | `oklch(43.96% 0.0273 287.09)` | Night Night | white, 7.8 to 1 |
| 13 | `#534752` | `oklch(41.34% 0.0248 328.66)` | Napa Harvest | white, 8.8 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #e4c2cd 0.0%, #d3becd 8.3%, #beb8c6 16.7%, #adb0be 25.0%, #96a7b6 33.3%, #819ea9 41.7%, #6f939d 50.0%, #5f8793 58.3%, #547b84 66.7%, #4f6d75 75.0%, #4c606c 83.3%, #515061 91.7%, #534752 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(84.65% 0.0400 357.19) 0.0%, oklch(82.45% 0.0310 335.53) 8.3%, oklch(79.28% 0.0209 305.39) 16.7%, oklch(75.87% 0.0206 275.57) 25.0%, oklch(72.06% 0.0282 243.72) 33.3%, oklch(68.10% 0.0357 222.23) 41.7%, oklch(64.03% 0.0432 216.18) 50.0%, oklch(59.88% 0.0481 216.63) 58.3%, oklch(55.70% 0.0451 213.98) 66.7%, oklch(51.53% 0.0371 214.06) 75.0%, oklch(47.70% 0.0312 236.07) 83.3%, oklch(43.96% 0.0273 287.09) 91.7%, oklch(41.34% 0.0248 328.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.846 | 0.04 | 357.2 |
| 2 | 0.78 | 0.019 | 293.8 |
| 3 | 0.689 | 0.034 | 225.1 |
| 4 | 0.591 | 0.048 | 216.6 |
| 5 | 0.492 | 0.033 | 223 |
| 6 | 0.413 | 0.025 | 328.7 |

## In these collections

- [Blue and mauve gradients](https://grabient.com/blue-and-mauve-gradients)

## Other forms

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