# Pine snow lantern

Tritone dark green, tan and red radial gradient with 32 colors: #102a25, #122e28, #13332c, #163a31, #194136, #1f493c, #265143, #2f5a49, #3a6351, #466d5a, #537863, #61846d, #718f77, #839c83, #99aa92, #b1baa4, #c7cab7, #d9d9c9, #e7e5d6, #f0ebd9, #f6edd4, #f9ecc9, #fae8b8, #f7e1a4, #f3d68e, #efc878, #e8b261, #dd964b, #cd783a, #bc5b31, #ab432f, #9e312e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone dark green, tan and red radial gradient
- Seed: `kYQxl-M5Q-9ERvZ2iDmbSa-zy0uO`
- Page: https://grabient.com/kYQxl-M5Q-9ERvZ2iDmbSa-zy0uO?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 13 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 | `#102a25` | `oklch(26.38% 0.0344 177.19)` | Swamp Thing | white, 15.1 to 1 |
| 2 | `#122e28` | `oklch(27.76% 0.0369 176.43)` | Guerrilla Forest | white, 14.4 to 1 |
| 3 | `#13332c` | `oklch(29.58% 0.0406 175.50)` | Intense Green | white, 13.5 to 1 |
| 4 | `#163a31` | `oklch(31.78% 0.0448 174.34)` | Palm Green | white, 12.5 to 1 |
| 5 | `#194136` | `oklch(34.28% 0.0490 172.94)` | Black Soap | white, 11.3 to 1 |
| 6 | `#1f493c` | `oklch(37.02% 0.0525 171.23)` | Wine Bottle Green | white, 10.1 to 1 |
| 7 | `#265143` | `oklch(39.95% 0.0549 169.19)` | Hunt Club | white, 8.9 to 1 |
| 8 | `#2f5a49` | `oklch(43.06% 0.0557 166.96)` | Billiard Green | white, 7.8 to 1 |
| 9 | `#3a6351` | `oklch(46.44% 0.0557 164.77)` | Tropical Foliage | white, 6.7 to 1 |
| 10 | `#466d5a` | `oklch(50.07% 0.0550 162.35)` | Foliage Green | white, 5.8 to 1 |
| 11 | `#537863` | `oklch(53.91% 0.0536 159.42)` | Kendal Green | white, 4.9 to 1 |
| 12 | `#61846d` | `oklch(57.93% 0.0516 155.71)` | Jadite | black, 5 to 1 |
| 13 | `#718f77` | `oklch(62.09% 0.0493 150.93)` | Ivy Wreath | black, 5.9 to 1 |
| 14 | `#839c83` | `oklch(66.54% 0.0460 144.59)` | Vineyard | black, 7 to 1 |
| 15 | `#99aa92` | `oklch(71.87% 0.0401 136.05)` | Green Amazons | black, 8.5 to 1 |
| 16 | `#b1baa4` | `oklch(77.61% 0.0330 126.18)` | Matt Sage | black, 10.4 to 1 |
| 17 | `#c7cab7` | `oklch(83.22% 0.0262 115.95)` | Celadon Tint | black, 12.5 to 1 |
| 18 | `#d9d9c9` | `oklch(88.16% 0.0215 106.35)` | Stage Whisper | black, 14.7 to 1 |
| 19 | `#e7e5d6` | `oklch(91.88% 0.0203 98.37)` | Tofu | black, 16.5 to 1 |
| 20 | `#f0ebd9` | `oklch(93.93% 0.0244 92.99)` | Coastal Beige | black, 17.5 to 1 |
| 21 | `#f6edd4` | `oklch(94.73% 0.0345 90.59)` | Moonlight | black, 18 to 1 |
| 22 | `#f9ecc9` | `oklch(94.51% 0.0487 90.13)` | Flaxen | black, 17.9 to 1 |
| 23 | `#fae8b8` | `oklch(93.36% 0.0651 90.44)` | Hawaiian Cream | black, 17.2 to 1 |
| 24 | `#f7e1a4` | `oklch(91.35% 0.0817 90.32)` | Sun Dust | black, 16.2 to 1 |
| 25 | `#f3d68e` | `oklch(88.56% 0.0967 88.59)` | Pierogi | black, 14.8 to 1 |
| 26 | `#efc878` | `oklch(85.04% 0.1081 84.06)` | Almond Cookie | black, 13.2 to 1 |
| 27 | `#e8b261` | `oklch(79.79% 0.1170 76.03)` | Buzzworthy | black, 11 to 1 |
| 28 | `#dd964b` | `oklch(72.99% 0.1247 65.52)` | Orange Caramel | black, 8.5 to 1 |
| 29 | `#cd783a` | `oklch(65.51% 0.1313 53.89)` | Wulfenite | black, 6.3 to 1 |
| 30 | `#bc5b31` | `oklch(58.21% 0.1367 42.53)` | Gold Varnish Brown | black, 4.6 to 1 |
| 31 | `#ab432f` | `oklch(51.97% 0.1411 32.80)` | Chocolate Chilli | white, 5.9 to 1 |
| 32 | `#9e312e` | `oklch(47.64% 0.1447 26.07)` | Milano Red | white, 7.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #102a25 0.0%, #122e28 3.2%, #13332c 6.5%, #163a31 9.7%, #194136 12.9%, #1f493c 16.1%, #265143 19.4%, #2f5a49 22.6%, #3a6351 25.8%, #466d5a 29.0%, #537863 32.3%, #61846d 35.5%, #718f77 38.7%, #839c83 41.9%, #99aa92 45.2%, #b1baa4 48.4%, #c7cab7 51.6%, #d9d9c9 54.8%, #e7e5d6 58.1%, #f0ebd9 61.3%, #f6edd4 64.5%, #f9ecc9 67.7%, #fae8b8 71.0%, #f7e1a4 74.2%, #f3d68e 77.4%, #efc878 80.6%, #e8b261 83.9%, #dd964b 87.1%, #cd783a 90.3%, #bc5b31 93.5%, #ab432f 96.8%, #9e312e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.38% 0.0344 177.19) 0.0%, oklch(27.76% 0.0369 176.43) 3.2%, oklch(29.58% 0.0406 175.50) 6.5%, oklch(31.78% 0.0448 174.34) 9.7%, oklch(34.28% 0.0490 172.94) 12.9%, oklch(37.02% 0.0525 171.23) 16.1%, oklch(39.95% 0.0549 169.19) 19.4%, oklch(43.06% 0.0557 166.96) 22.6%, oklch(46.44% 0.0557 164.77) 25.8%, oklch(50.07% 0.0550 162.35) 29.0%, oklch(53.91% 0.0536 159.42) 32.3%, oklch(57.93% 0.0516 155.71) 35.5%, oklch(62.09% 0.0493 150.93) 38.7%, oklch(66.54% 0.0460 144.59) 41.9%, oklch(71.87% 0.0401 136.05) 45.2%, oklch(77.61% 0.0330 126.18) 48.4%, oklch(83.22% 0.0262 115.95) 51.6%, oklch(88.16% 0.0215 106.35) 54.8%, oklch(91.88% 0.0203 98.37) 58.1%, oklch(93.93% 0.0244 92.99) 61.3%, oklch(94.73% 0.0345 90.59) 64.5%, oklch(94.51% 0.0487 90.13) 67.7%, oklch(93.36% 0.0651 90.44) 71.0%, oklch(91.35% 0.0817 90.32) 74.2%, oklch(88.56% 0.0967 88.59) 77.4%, oklch(85.04% 0.1081 84.06) 80.6%, oklch(79.79% 0.1170 76.03) 83.9%, oklch(72.99% 0.1247 65.52) 87.1%, oklch(65.51% 0.1313 53.89) 90.3%, oklch(58.21% 0.1367 42.53) 93.5%, oklch(51.97% 0.1411 32.80) 96.8%, oklch(47.64% 0.1447 26.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.034 | 177.2 |
| 2 | 0.406 | 0.055 | 168.7 |
| 3 | 0.638 | 0.048 | 148.7 |
| 4 | 0.933 | 0.022 | 94.8 |
| 5 | 0.858 | 0.106 | 85.3 |
| 6 | 0.476 | 0.145 | 26.1 |

## In these collections

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

## Other forms

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