# Nordic pine and linen gradient

Dark green to gray linear gradient with 32 colors: #17342b, #18372d, #1b3a2f, #1d3e33, #214336, #24483a, #294d3f, #2e5243, #345748, #3a5d4d, #416352, #486958, #506f5e, #597664, #627d6a, #6b8370, #748a76, #7e917c, #8a9982, #95a089, #a1a890, #acaf98, #b6b69f, #bfbda7, #c7c3ae, #cfc9b5, #d6cfbd, #dcd5c4, #e2dbca, #e6e0d0, #ebe4d5, #eee7d8. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green to gray linear gradient
- Seed: `kWTB15NZI_UwOvjlizodge-I`
- Page: https://grabient.com/kWTB15NZI_UwOvjlizodge-I?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.9 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 | `#17342b` | `oklch(29.92% 0.0400 170.16)` | Cardin Green | white, 13.4 to 1 |
| 2 | `#18372d` | `oklch(30.86% 0.0409 169.80)` | Medium Jungle Green | white, 12.9 to 1 |
| 3 | `#1b3a2f` | `oklch(32.07% 0.0422 169.40)` | Palm Green | white, 12.4 to 1 |
| 4 | `#1d3e33` | `oklch(33.51% 0.0439 168.93)` | Mizukaze Green | white, 11.7 to 1 |
| 5 | `#214336` | `oklch(35.13% 0.0456 168.36)` | Everglade | white, 10.9 to 1 |
| 6 | `#24483a` | `oklch(36.89% 0.0472 167.66)` | Wine Bottle Green | white, 10.2 to 1 |
| 7 | `#294d3f` | `oklch(38.76% 0.0485 166.81)` | Springbok Green | white, 9.4 to 1 |
| 8 | `#2e5243` | `oklch(40.68% 0.0494 165.78)` | Highland Green | white, 8.7 to 1 |
| 9 | `#345748` | `oklch(42.61% 0.0496 164.56)` | Hypnotism | white, 8 to 1 |
| 10 | `#3a5d4d` | `oklch(44.65% 0.0491 163.41)` | Spectra | white, 7.3 to 1 |
| 11 | `#416352` | `oklch(46.80% 0.0482 162.32)` | Tropical Foliage | white, 6.7 to 1 |
| 12 | `#486958` | `oklch(49.05% 0.0469 161.12)` | June Ivy | white, 6 to 1 |
| 13 | `#506f5e` | `oklch(51.37% 0.0454 159.66)` | Bridgewater | white, 5.5 to 1 |
| 14 | `#597664` | `oklch(53.76% 0.0438 157.77)` | Brookside | white, 5 to 1 |
| 15 | `#627d6a` | `oklch(56.18% 0.0421 155.28)` | Stone Cypress Green | black, 4.6 to 1 |
| 16 | `#6b8370` | `oklch(58.62% 0.0406 152.04)` | Wild Beet Leaf | black, 5.1 to 1 |
| 17 | `#748a76` | `oklch(61.09% 0.0393 147.79)` | Hedge Green | black, 5.6 to 1 |
| 18 | `#7e917c` | `oklch(63.69% 0.0381 142.13)` | Ginkgo Tree | black, 6.2 to 1 |
| 19 | `#8a9982` | `oklch(66.39% 0.0368 135.41)` | Linden Spear | black, 6.9 to 1 |
| 20 | `#95a089` | `oklch(69.15% 0.0356 128.07)` | Triamble | black, 7.6 to 1 |
| 21 | `#a1a890` | `oklch(71.88% 0.0344 120.55)` | Bushel | black, 8.5 to 1 |
| 22 | `#acaf98` | `oklch(74.54% 0.0331 113.32)` | Olive Sprig | black, 9.3 to 1 |
| 23 | `#b6b69f` | `oklch(77.06% 0.0319 106.82)` | Turtle Trail | black, 10.2 to 1 |
| 24 | `#bfbda7` | `oklch(79.38% 0.0306 101.50)` | Soft Putty | black, 11 to 1 |
| 25 | `#c7c3ae` | `oklch(81.51% 0.0293 97.54)` | Kangaroo | black, 11.8 to 1 |
| 26 | `#cfc9b5` | `oklch(83.59% 0.0279 94.42)` | Coliseum Marble | black, 12.7 to 1 |
| 27 | `#d6cfbd` | `oklch(85.58% 0.0265 91.98)` | Grecian Ivory | black, 13.5 to 1 |
| 28 | `#dcd5c4` | `oklch(87.45% 0.0251 90.11)` | Bare Market | black, 14.3 to 1 |
| 29 | `#e2dbca` | `oklch(89.15% 0.0237 88.67)` | Frankly Earnest | black, 15.1 to 1 |
| 30 | `#e6e0d0` | `oklch(90.66% 0.0225 87.52)` | Sedona | black, 15.9 to 1 |
| 31 | `#ebe4d5` | `oklch(91.92% 0.0214 86.55)` | Dry Sand | black, 16.5 to 1 |
| 32 | `#eee7d8` | `oklch(92.91% 0.0207 85.62)` | Homoeopathic Yellow | black, 17 to 1 |

## CSS

```css
background: linear-gradient(180deg, #17342b 0.0%, #18372d 3.2%, #1b3a2f 6.5%, #1d3e33 9.7%, #214336 12.9%, #24483a 16.1%, #294d3f 19.4%, #2e5243 22.6%, #345748 25.8%, #3a5d4d 29.0%, #416352 32.3%, #486958 35.5%, #506f5e 38.7%, #597664 41.9%, #627d6a 45.2%, #6b8370 48.4%, #748a76 51.6%, #7e917c 54.8%, #8a9982 58.1%, #95a089 61.3%, #a1a890 64.5%, #acaf98 67.7%, #b6b69f 71.0%, #bfbda7 74.2%, #c7c3ae 77.4%, #cfc9b5 80.6%, #d6cfbd 83.9%, #dcd5c4 87.1%, #e2dbca 90.3%, #e6e0d0 93.5%, #ebe4d5 96.8%, #eee7d8 100.0%);
background: linear-gradient(180deg in oklch, oklch(29.92% 0.0400 170.16) 0.0%, oklch(30.86% 0.0409 169.80) 3.2%, oklch(32.07% 0.0422 169.40) 6.5%, oklch(33.51% 0.0439 168.93) 9.7%, oklch(35.13% 0.0456 168.36) 12.9%, oklch(36.89% 0.0472 167.66) 16.1%, oklch(38.76% 0.0485 166.81) 19.4%, oklch(40.68% 0.0494 165.78) 22.6%, oklch(42.61% 0.0496 164.56) 25.8%, oklch(44.65% 0.0491 163.41) 29.0%, oklch(46.80% 0.0482 162.32) 32.3%, oklch(49.05% 0.0469 161.12) 35.5%, oklch(51.37% 0.0454 159.66) 38.7%, oklch(53.76% 0.0438 157.77) 41.9%, oklch(56.18% 0.0421 155.28) 45.2%, oklch(58.62% 0.0406 152.04) 48.4%, oklch(61.09% 0.0393 147.79) 51.6%, oklch(63.69% 0.0381 142.13) 54.8%, oklch(66.39% 0.0368 135.41) 58.1%, oklch(69.15% 0.0356 128.07) 61.3%, oklch(71.88% 0.0344 120.55) 64.5%, oklch(74.54% 0.0331 113.32) 67.7%, oklch(77.06% 0.0319 106.82) 71.0%, oklch(79.38% 0.0306 101.50) 74.2%, oklch(81.51% 0.0293 97.54) 77.4%, oklch(83.59% 0.0279 94.42) 80.6%, oklch(85.58% 0.0265 91.98) 83.9%, oklch(87.45% 0.0251 90.11) 87.1%, oklch(89.15% 0.0237 88.67) 90.3%, oklch(90.66% 0.0225 87.52) 93.5%, oklch(91.92% 0.0214 86.55) 96.8%, oklch(92.91% 0.0207 85.62) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.04 | 170.2 |
| 2 | 0.421 | 0.05 | 164.9 |
| 3 | 0.598 | 0.04 | 150.1 |
| 4 | 0.799 | 0.03 | 100.4 |
| 5 | 0.929 | 0.021 | 85.6 |

## In these collections

- [Scandinavian Christmas color palette](https://grabient.com/scandinavian-christmas-color-palette)

## Other forms

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