# Dark green icy fold

Black, dark green, gray and light blue angular gradient with 20 colors: #251700, #231900, #1f1c00, #172000, #062600, #002911, #002e1d, #003326, #003930, #07413b, #194947, #295254, #395c61, #4a686f, #5d767e, #718891, #8a9eaa, #a4b6c4, #bbccdb, #ccdbeb. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, dark green, gray and light blue angular gradient
- Seed: `kWNzw3nxvIa0TxJHi8O8IpDQ`
- Page: https://grabient.com/kWNzw3nxvIa0TxJHi8O8IpDQ?style=angularGradient&steps=20
- Drawn as: angular gradient, 20 steps, 90 degrees
- Kinds: dark to light, vivid, dark, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 12.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 | `#251700` | `oklch(21.66% 0.0452 77.58)` | Cannon Black | white, 17.5 to 1 |
| 2 | `#231900` | `oklch(21.91% 0.0448 88.71)` | Cannon Black | white, 17.3 to 1 |
| 3 | `#1f1c00` | `oklch(22.20% 0.0471 104.81)` | Liquorice Root | white, 17.1 to 1 |
| 4 | `#172000` | `oklch(22.67% 0.0555 122.86)` | Yuzu Soy | white, 16.8 to 1 |
| 5 | `#062600` | `oklch(23.49% 0.0753 139.82)` | Tides of Darkness | white, 16.3 to 1 |
| 6 | `#002911` | `oklch(24.80% 0.0644 152.61)` | Nori Green | white, 15.7 to 1 |
| 7 | `#002e1d` | `oklch(26.48% 0.0576 162.61)` | Bush | white, 14.9 to 1 |
| 8 | `#003326` | `oklch(28.52% 0.0559 170.94)` | Pitch-Black Forests | white, 14 to 1 |
| 9 | `#003930` | `oklch(30.95% 0.0568 178.28)` | Night Turquoise | white, 12.8 to 1 |
| 10 | `#07413b` | `oklch(33.82% 0.0561 185.36)` | Botanical Night | white, 11.5 to 1 |
| 11 | `#194947` | `oklch(37.16% 0.0513 192.67)` | Prestige Green | white, 10.1 to 1 |
| 12 | `#295254` | `oklch(40.91% 0.0462 199.67)` | Microwave Blue | white, 8.6 to 1 |
| 13 | `#395c61` | `oklch(45.09% 0.0410 206.34)` | Arctic Nights | white, 7.2 to 1 |
| 14 | `#4a686f` | `oklch(49.74% 0.0362 212.78)` | Azalea Leaf | white, 5.9 to 1 |
| 15 | `#5d767e` | `oklch(54.92% 0.0324 219.12)` | Blue-Eyed Cryptid | white, 4.8 to 1 |
| 16 | `#718891` | `oklch(61.10% 0.0300 225.69)` | Lyric Blue | black, 5.6 to 1 |
| 17 | `#8a9eaa` | `oklch(68.74% 0.0287 232.68)` | Relaxing Blue | black, 7.5 to 1 |
| 18 | `#a4b6c4` | `oklch(76.68% 0.0281 239.40)` | Hazy Daze | black, 10 to 1 |
| 19 | `#bbccdb` | `oklch(83.70% 0.0278 245.16)` | Arctic Grey | black, 12.7 to 1 |
| 20 | `#ccdbeb` | `oklch(88.58% 0.0276 249.24)` | Alaskan Skies | black, 14.9 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #251700 0.0%, #231900 5.3%, #1f1c00 10.5%, #172000 15.8%, #062600 21.1%, #002911 26.3%, #002e1d 31.6%, #003326 36.8%, #003930 42.1%, #07413b 47.4%, #194947 52.6%, #295254 57.9%, #395c61 63.2%, #4a686f 68.4%, #5d767e 73.7%, #718891 78.9%, #8a9eaa 84.2%, #a4b6c4 89.5%, #bbccdb 94.7%, #ccdbeb 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(21.66% 0.0452 77.58) 0.0%, oklch(21.91% 0.0448 88.71) 5.3%, oklch(22.20% 0.0471 104.81) 10.5%, oklch(22.67% 0.0555 122.86) 15.8%, oklch(23.49% 0.0753 139.82) 21.1%, oklch(24.80% 0.0644 152.61) 26.3%, oklch(26.48% 0.0576 162.61) 31.6%, oklch(28.52% 0.0559 170.94) 36.8%, oklch(30.95% 0.0568 178.28) 42.1%, oklch(33.82% 0.0561 185.36) 47.4%, oklch(37.16% 0.0513 192.67) 52.6%, oklch(40.91% 0.0462 199.67) 57.9%, oklch(45.09% 0.0410 206.34) 63.2%, oklch(49.74% 0.0362 212.78) 68.4%, oklch(54.92% 0.0324 219.12) 73.7%, oklch(61.10% 0.0300 225.69) 78.9%, oklch(68.74% 0.0287 232.68) 84.2%, oklch(76.68% 0.0281 239.40) 89.5%, oklch(83.70% 0.0278 245.16) 94.7%, oklch(88.58% 0.0276 249.24) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.083 | 78 |
| 2 | 0.244 | 0.076 | 149.9 |
| 3 | 0.354 | 0.054 | 189 |
| 4 | 0.563 | 0.032 | 220.7 |
| 5 | 0.886 | 0.028 | 249.2 |

## In these collections

- [Dark muted gradients](https://grabient.com/dark-muted-gradients)

## Other forms

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