# Pine to fern

Analogous black, dark green and teal linear gradient with 32 colors: #081c15, #091e17, #0a2119, #0c241b, #0d281e, #0f2c21, #123024, #143528, #16392b, #183e2e, #1a4231, #1c4634, #1e4937, #204d39, #22513c, #23553f, #255842, #275c45, #286047, #2a644a, #2c674d, #2e6b50, #306f53, #327456, #347859, #367c5d, #388160, #3a8563, #3c8866, #3d8c68, #3f8f6a, #40916c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous black, dark green and teal linear gradient
- Seed: `kEQgcFUbQzIS1qTxQJFsA`
- Page: https://grabient.com/kEQgcFUbQzIS1qTxQJFsA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.6 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 | `#081c15` | `oklch(20.70% 0.0299 168.19)` | Pinch of Pepper | white, 17.6 to 1 |
| 2 | `#091e17` | `oklch(21.52% 0.0313 167.90)` | Stellar Explorer | white, 17.3 to 1 |
| 3 | `#0a2119` | `oklch(22.57% 0.0332 167.50)` | Black Emerald | white, 16.8 to 1 |
| 4 | `#0c241b` | `oklch(23.81% 0.0354 167.03)` | Deep Slate Green | white, 16.3 to 1 |
| 5 | `#0d281e` | `oklch(25.21% 0.0378 166.50)` | Deep Slate Green | white, 15.6 to 1 |
| 6 | `#0f2c21` | `oklch(26.72% 0.0404 165.94)` | Guerrilla Forest | white, 14.9 to 1 |
| 7 | `#123024` | `oklch(28.29% 0.0432 165.38)` | Dark Jungle | white, 14.2 to 1 |
| 8 | `#143528` | `oklch(29.88% 0.0460 164.82)` | Pumpkin Green Black | white, 13.4 to 1 |
| 9 | `#16392b` | `oklch(31.46% 0.0487 164.30)` | Deep Fir | white, 12.6 to 1 |
| 10 | `#183e2e` | `oklch(32.98% 0.0514 163.84)` | Mizukaze Green | white, 11.9 to 1 |
| 11 | `#1a4231` | `oklch(34.40% 0.0539 163.46)` | Mizukaze Green | white, 11.2 to 1 |
| 12 | `#1c4634` | `oklch(35.70% 0.0562 163.18)` | Sherwood Green | white, 10.6 to 1 |
| 13 | `#1e4937` | `oklch(36.98% 0.0585 162.96)` | County Green | white, 10.1 to 1 |
| 14 | `#204d39` | `oklch(38.25% 0.0608 162.78)` | Brunswick Green | white, 9.6 to 1 |
| 15 | `#22513c` | `oklch(39.49% 0.0631 162.65)` | Kaitoke Green | white, 9.1 to 1 |
| 16 | `#23553f` | `oklch(40.73% 0.0653 162.55)` | Green Stain | white, 8.6 to 1 |
| 17 | `#255842` | `oklch(41.96% 0.0675 162.47)` | Green Stain | white, 8.1 to 1 |
| 18 | `#275c45` | `oklch(43.17% 0.0698 162.41)` | Greenbriar | white, 7.7 to 1 |
| 19 | `#286047` | `oklch(44.38% 0.0719 162.35)` | Green Pea | white, 7.3 to 1 |
| 20 | `#2a644a` | `oklch(45.59% 0.0741 162.29)` | Brunswick | white, 6.9 to 1 |
| 21 | `#2c674d` | `oklch(46.79% 0.0763 162.22)` | Black Pine Green | white, 6.6 to 1 |
| 22 | `#2e6b50` | `oklch(47.99% 0.0784 162.13)` | Spirulina | white, 6.2 to 1 |
| 23 | `#306f53` | `oklch(49.25% 0.0806 162.04)` | Jungle Book Green | white, 5.9 to 1 |
| 24 | `#327456` | `oklch(50.58% 0.0829 161.94)` | Parsley Sprig | white, 5.6 to 1 |
| 25 | `#347859` | `oklch(51.93% 0.0853 161.85)` | Liquid Green Stuff | white, 5.2 to 1 |
| 26 | `#367c5d` | `oklch(53.27% 0.0876 161.77)` | Liquid Green Stuff | white, 4.9 to 1 |
| 27 | `#388160` | `oklch(54.58% 0.0899 161.69)` | Leisure Green | white, 4.7 to 1 |
| 28 | `#3a8563` | `oklch(55.83% 0.0920 161.61)` | Chrysocolla Green | black, 4.6 to 1 |
| 29 | `#3c8866` | `oklch(56.98% 0.0940 161.54)` | Mallard Green | black, 4.9 to 1 |
| 30 | `#3d8c68` | `oklch(58.00% 0.0958 161.48)` | Mallard Green | black, 5.1 to 1 |
| 31 | `#3f8f6a` | `oklch(58.87% 0.0973 161.43)` | Illuminati Green | black, 5.3 to 1 |
| 32 | `#40916c` | `oklch(59.56% 0.0985 161.39)` | Illuminati Green | black, 5.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #081c15 0.0%, #091e17 3.2%, #0a2119 6.5%, #0c241b 9.7%, #0d281e 12.9%, #0f2c21 16.1%, #123024 19.4%, #143528 22.6%, #16392b 25.8%, #183e2e 29.0%, #1a4231 32.3%, #1c4634 35.5%, #1e4937 38.7%, #204d39 41.9%, #22513c 45.2%, #23553f 48.4%, #255842 51.6%, #275c45 54.8%, #286047 58.1%, #2a644a 61.3%, #2c674d 64.5%, #2e6b50 67.7%, #306f53 71.0%, #327456 74.2%, #347859 77.4%, #367c5d 80.6%, #388160 83.9%, #3a8563 87.1%, #3c8866 90.3%, #3d8c68 93.5%, #3f8f6a 96.8%, #40916c 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.70% 0.0299 168.19) 0.0%, oklch(21.52% 0.0313 167.90) 3.2%, oklch(22.57% 0.0332 167.50) 6.5%, oklch(23.81% 0.0354 167.03) 9.7%, oklch(25.21% 0.0378 166.50) 12.9%, oklch(26.72% 0.0404 165.94) 16.1%, oklch(28.29% 0.0432 165.38) 19.4%, oklch(29.88% 0.0460 164.82) 22.6%, oklch(31.46% 0.0487 164.30) 25.8%, oklch(32.98% 0.0514 163.84) 29.0%, oklch(34.40% 0.0539 163.46) 32.3%, oklch(35.70% 0.0562 163.18) 35.5%, oklch(36.98% 0.0585 162.96) 38.7%, oklch(38.25% 0.0608 162.78) 41.9%, oklch(39.49% 0.0631 162.65) 45.2%, oklch(40.73% 0.0653 162.55) 48.4%, oklch(41.96% 0.0675 162.47) 51.6%, oklch(43.17% 0.0698 162.41) 54.8%, oklch(44.38% 0.0719 162.35) 58.1%, oklch(45.59% 0.0741 162.29) 61.3%, oklch(46.79% 0.0763 162.22) 64.5%, oklch(47.99% 0.0784 162.13) 67.7%, oklch(49.25% 0.0806 162.04) 71.0%, oklch(50.58% 0.0829 161.94) 74.2%, oklch(51.93% 0.0853 161.85) 77.4%, oklch(53.27% 0.0876 161.77) 80.6%, oklch(54.58% 0.0899 161.69) 83.9%, oklch(55.83% 0.0920 161.61) 87.1%, oklch(56.98% 0.0940 161.54) 90.3%, oklch(58.00% 0.0958 161.48) 93.5%, oklch(58.87% 0.0973 161.43) 96.8%, oklch(59.56% 0.0985 161.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.207 | 0.03 | 168.2 |
| 2 | 0.348 | 0.055 | 163.4 |
| 3 | 0.476 | 0.078 | 162.2 |
| 4 | 0.596 | 0.098 | 161.4 |

## In these collections

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

## Other forms

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