# Pale stone green fold

Monochrome gray and teal angular gradient with 13 colors: #e0d1c8, #d4cdbe, #c0c6b7, #acbeb2, #97b4a9, #82aa9d, #6e9e91, #5f9187, #53837d, #4d776f, #4f6a5d, #525e4f, #52564a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Monochrome gray and teal angular gradient
- Seed: `kW3Q8m44nMFQUQjEEcCOIc4w`
- Page: https://grabient.com/kW3Q8m44nMFQUQjEEcCOIc4w?style=angularGradient&steps=13&angle=135
- Drawn as: angular gradient, 13 steps, 135 degrees
- Kinds: light to dark, neutral
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 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 | `#e0d1c8` | `oklch(87.01% 0.0207 54.14)` | Mocha Ice | black, 14.1 to 1 |
| 2 | `#d4cdbe` | `oklch(84.89% 0.0212 83.81)` | Tern Grey | black, 13.2 to 1 |
| 3 | `#c0c6b7` | `oklch(81.82% 0.0224 124.86)` | Contemplation | black, 12 to 1 |
| 4 | `#acbeb2` | `oklch(78.35% 0.0262 156.65)` | Foggy Rain | black, 10.7 to 1 |
| 5 | `#97b4a9` | `oklch(74.56% 0.0354 169.68)` | Silver Drop | black, 9.4 to 1 |
| 6 | `#82aa9d` | `oklch(70.37% 0.0473 173.44)` | Corsican | black, 8.1 to 1 |
| 7 | `#6e9e91` | `oklch(66.14% 0.0551 175.67)` | Greyish Teal | black, 6.9 to 1 |
| 8 | `#5f9187` | `oklch(61.84% 0.0563 180.87)` | Thermal Spring | black, 5.8 to 1 |
| 9 | `#53837d` | `oklch(57.49% 0.0535 184.55)` | Jericho Jade | black, 4.9 to 1 |
| 10 | `#4d776f` | `oklch(53.54% 0.0482 180.95)` | Tandayapa Cloud Forest | white, 5 to 1 |
| 11 | `#4f6a5d` | `oklch(49.93% 0.0391 163.49)` | Green Beret | white, 5.8 to 1 |
| 12 | `#525e4f` | `oklch(46.70% 0.0276 138.76)` | Brierwood Green | white, 6.8 to 1 |
| 13 | `#52564a` | `oklch(44.49% 0.0193 120.72)` | Deep Depths | white, 7.5 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #e0d1c8 0.0%, #d4cdbe 8.3%, #c0c6b7 16.7%, #acbeb2 25.0%, #97b4a9 33.3%, #82aa9d 41.7%, #6e9e91 50.0%, #5f9187 58.3%, #53837d 66.7%, #4d776f 75.0%, #4f6a5d 83.3%, #525e4f 91.7%, #52564a 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(87.01% 0.0207 54.14) 0.0%, oklch(84.89% 0.0212 83.81) 8.3%, oklch(81.82% 0.0224 124.86) 16.7%, oklch(78.35% 0.0262 156.65) 25.0%, oklch(74.56% 0.0354 169.68) 33.3%, oklch(70.37% 0.0473 173.44) 41.7%, oklch(66.14% 0.0551 175.67) 50.0%, oklch(61.84% 0.0563 180.87) 58.3%, oklch(57.49% 0.0535 184.55) 66.7%, oklch(53.54% 0.0482 180.95) 75.0%, oklch(49.93% 0.0391 163.49) 83.3%, oklch(46.70% 0.0276 138.76) 91.7%, oklch(44.49% 0.0193 120.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.021 | 54.1 |
| 2 | 0.783 | 0.026 | 156.6 |
| 3 | 0.661 | 0.055 | 175.7 |
| 4 | 0.535 | 0.048 | 181 |
| 5 | 0.445 | 0.019 | 120.7 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)

## Other forms

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