# Leaf green ember crossing

Vivid green, olive and salmon linear gradient with 48 colors: #b9d34b, #b4d04b, #aecc4b, #a6c84c, #9ec34d, #95bd4e, #8bb74e, #81b04f, #77aa4f, #6da24f, #639b4e, #5a934d, #518c4b, #48844a, #417d47, #3a7645, #346f42, #2f693f, #2a633c, #275e39, #245a36, #225633, #225330, #22512d, #23502a, #265027, #2a5023, #30511f, #365219, #3e5411, #475605, #515700, #5b5900, #655b00, #705d00, #7b5f00, #876100, #936200, #a06200, #ae6200, #bc6000, #cb5c01, #d55b20, #de5b33, #e55b41, #eb5b4e, #f05b59, #f45b61. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid green, olive and salmon linear gradient
- Seed: `kS0XZVMZ1DVXEMO`
- Page: https://grabient.com/kS0XZVMZ1DVXEMO?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: dark center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.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 | `#b9d34b` | `oklch(82.28% 0.1626 119.53)` | Solid Gold | black, 12.5 to 1 |
| 2 | `#b4d04b` | `oklch(81.22% 0.1605 120.32)` | Solid Gold | black, 12 to 1 |
| 3 | `#aecc4b` | `oklch(79.90% 0.1579 121.46)` | Young Green Onion | black, 11.5 to 1 |
| 4 | `#a6c84c` | `oklch(78.35% 0.1547 122.89)` | Acid Candy | black, 10.9 to 1 |
| 5 | `#9ec34d` | `oklch(76.59% 0.1511 124.58)` | Pesto Genovese | black, 10.3 to 1 |
| 6 | `#95bd4e` | `oklch(74.65% 0.1471 126.49)` | Early Spring | black, 9.6 to 1 |
| 7 | `#8bb74e` | `oklch(72.55% 0.1427 128.57)` | Savoy | black, 8.9 to 1 |
| 8 | `#81b04f` | `oklch(70.33% 0.1381 130.77)` | Parakeet | black, 8.2 to 1 |
| 9 | `#77aa4f` | `oklch(68.01% 0.1333 133.07)` | Asparagus | black, 7.6 to 1 |
| 10 | `#6da24f` | `oklch(65.61% 0.1284 135.41)` | Off Green | black, 6.9 to 1 |
| 11 | `#639b4e` | `oklch(63.17% 0.1233 137.75)` | Flat Green | black, 6.3 to 1 |
| 12 | `#5a934d` | `oklch(60.70% 0.1183 140.05)` | Wicked Witch | black, 5.7 to 1 |
| 13 | `#518c4b` | `oklch(58.25% 0.1133 142.27)` | Belfast | black, 5.1 to 1 |
| 14 | `#48844a` | `oklch(55.82% 0.1084 144.36)` | Imperial Green | black, 4.6 to 1 |
| 15 | `#417d47` | `oklch(53.45% 0.1037 146.28)` | Kemp Kelly | white, 4.9 to 1 |
| 16 | `#3a7645` | `oklch(51.17% 0.0993 148.00)` | Grasslands | white, 5.4 to 1 |
| 17 | `#346f42` | `oklch(49.00% 0.0951 149.46)` | Arcala Green | white, 5.9 to 1 |
| 18 | `#2f693f` | `oklch(46.97% 0.0913 150.62)` | Genever Green | white, 6.5 to 1 |
| 19 | `#2a633c` | `oklch(45.10% 0.0880 151.45)` | Fairway Green | white, 7.1 to 1 |
| 20 | `#275e39` | `oklch(43.43% 0.0851 151.90)` | Derbyshire | white, 7.6 to 1 |
| 21 | `#245a36` | `oklch(41.97% 0.0828 151.92)` | Pine | white, 8.1 to 1 |
| 22 | `#225633` | `oklch(40.76% 0.0811 151.48)` | Kaitoke Green | white, 8.5 to 1 |
| 23 | `#225330` | `oklch(39.82% 0.0800 150.53)` | Kaitoke Green | white, 8.9 to 1 |
| 24 | `#22512d` | `oklch(39.18% 0.0798 149.03)` | Moor-Monster | white, 9.1 to 1 |
| 25 | `#23502a` | `oklch(38.86% 0.0803 146.92)` | Chestnut Green | white, 9.3 to 1 |
| 26 | `#265027` | `oklch(38.84% 0.0817 144.07)` | Chestnut Green | white, 9.3 to 1 |
| 27 | `#2a5023` | `oklch(39.09% 0.0838 140.53)` | Chestnut Green | white, 9.2 to 1 |
| 28 | `#30511f` | `oklch(39.60% 0.0867 136.36)` | Chestnut Green | white, 9 to 1 |
| 29 | `#365219` | `oklch(40.34% 0.0902 131.62)` | Navy Green | white, 8.8 to 1 |
| 30 | `#3e5411` | `oklch(41.29% 0.0943 126.39)` | Highlands Moss | white, 8.4 to 1 |
| 31 | `#475605` | `oklch(42.42% 0.0989 120.72)` | Highlands Moss | white, 8.1 to 1 |
| 32 | `#515700` | `oklch(43.71% 0.0988 114.69)` | Douro | white, 7.7 to 1 |
| 33 | `#5b5900` | `oklch(45.13% 0.0975 108.34)` | Greensboro | white, 7.2 to 1 |
| 34 | `#655b00` | `oklch(46.68% 0.0976 101.76)` | Brussels Sprout Green | white, 6.8 to 1 |
| 35 | `#705d00` | `oklch(48.31% 0.0992 95.00)` | Hot Mustard | white, 6.4 to 1 |
| 36 | `#7b5f00` | `oklch(50.01% 0.1022 88.14)` | Ground Earth | white, 6 to 1 |
| 37 | `#876100` | `oklch(51.76% 0.1068 81.23)` | Rat Brown | white, 5.6 to 1 |
| 38 | `#936200` | `oklch(53.53% 0.1133 74.36)` | Raw Sienna | white, 5.2 to 1 |
| 39 | `#a06200` | `oklch(55.29% 0.1217 67.57)` | Cumin Ochre | white, 4.9 to 1 |
| 40 | `#ae6200` | `oklch(57.03% 0.1326 60.94)` | Orange Brown | white, 4.6 to 1 |
| 41 | `#bc6000` | `oklch(58.73% 0.1463 54.52)` | Super Leaf Brown | black, 4.8 to 1 |
| 42 | `#cb5c01` | `oklch(60.35% 0.1630 48.42)` | Rusty Orange | black, 5 to 1 |
| 43 | `#d55b20` | `oklch(61.88% 0.1682 42.64)` | Tomato Bisque | black, 5.3 to 1 |
| 44 | `#de5b33` | `oklch(63.30% 0.1731 37.27)` | Untamed Orange | black, 5.6 to 1 |
| 45 | `#e55b41` | `oklch(64.57% 0.1775 32.39)` | Sohi Red | black, 5.9 to 1 |
| 46 | `#eb5b4e` | `oklch(65.68% 0.1815 28.04)` | Opal Flame | black, 6.1 to 1 |
| 47 | `#f05b59` | `oklch(66.61% 0.1848 24.31)` | Hot Coral | black, 6.3 to 1 |
| 48 | `#f45b61` | `oklch(67.32% 0.1874 21.25)` | Dubarry | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #b9d34b 0.0%, #b4d04b 2.1%, #aecc4b 4.3%, #a6c84c 6.4%, #9ec34d 8.5%, #95bd4e 10.6%, #8bb74e 12.8%, #81b04f 14.9%, #77aa4f 17.0%, #6da24f 19.1%, #639b4e 21.3%, #5a934d 23.4%, #518c4b 25.5%, #48844a 27.7%, #417d47 29.8%, #3a7645 31.9%, #346f42 34.0%, #2f693f 36.2%, #2a633c 38.3%, #275e39 40.4%, #245a36 42.6%, #225633 44.7%, #225330 46.8%, #22512d 48.9%, #23502a 51.1%, #265027 53.2%, #2a5023 55.3%, #30511f 57.4%, #365219 59.6%, #3e5411 61.7%, #475605 63.8%, #515700 66.0%, #5b5900 68.1%, #655b00 70.2%, #705d00 72.3%, #7b5f00 74.5%, #876100 76.6%, #936200 78.7%, #a06200 80.9%, #ae6200 83.0%, #bc6000 85.1%, #cb5c01 87.2%, #d55b20 89.4%, #de5b33 91.5%, #e55b41 93.6%, #eb5b4e 95.7%, #f05b59 97.9%, #f45b61 100.0%);
background: linear-gradient(45deg in oklch, oklch(82.28% 0.1626 119.53) 0.0%, oklch(81.22% 0.1605 120.32) 2.1%, oklch(79.90% 0.1579 121.46) 4.3%, oklch(78.35% 0.1547 122.89) 6.4%, oklch(76.59% 0.1511 124.58) 8.5%, oklch(74.65% 0.1471 126.49) 10.6%, oklch(72.55% 0.1427 128.57) 12.8%, oklch(70.33% 0.1381 130.77) 14.9%, oklch(68.01% 0.1333 133.07) 17.0%, oklch(65.61% 0.1284 135.41) 19.1%, oklch(63.17% 0.1233 137.75) 21.3%, oklch(60.70% 0.1183 140.05) 23.4%, oklch(58.25% 0.1133 142.27) 25.5%, oklch(55.82% 0.1084 144.36) 27.7%, oklch(53.45% 0.1037 146.28) 29.8%, oklch(51.17% 0.0993 148.00) 31.9%, oklch(49.00% 0.0951 149.46) 34.0%, oklch(46.97% 0.0913 150.62) 36.2%, oklch(45.10% 0.0880 151.45) 38.3%, oklch(43.43% 0.0851 151.90) 40.4%, oklch(41.97% 0.0828 151.92) 42.6%, oklch(40.76% 0.0811 151.48) 44.7%, oklch(39.82% 0.0800 150.53) 46.8%, oklch(39.18% 0.0798 149.03) 48.9%, oklch(38.86% 0.0803 146.92) 51.1%, oklch(38.84% 0.0817 144.07) 53.2%, oklch(39.09% 0.0838 140.53) 55.3%, oklch(39.60% 0.0867 136.36) 57.4%, oklch(40.34% 0.0902 131.62) 59.6%, oklch(41.29% 0.0943 126.39) 61.7%, oklch(42.42% 0.0989 120.72) 63.8%, oklch(43.71% 0.0988 114.69) 66.0%, oklch(45.13% 0.0975 108.34) 68.1%, oklch(46.68% 0.0976 101.76) 70.2%, oklch(48.31% 0.0992 95.00) 72.3%, oklch(50.01% 0.1022 88.14) 74.5%, oklch(51.76% 0.1068 81.23) 76.6%, oklch(53.53% 0.1133 74.36) 78.7%, oklch(55.29% 0.1217 67.57) 80.9%, oklch(57.03% 0.1326 60.94) 83.0%, oklch(58.73% 0.1463 54.52) 85.1%, oklch(60.35% 0.1630 48.42) 87.2%, oklch(61.88% 0.1682 42.64) 89.4%, oklch(63.30% 0.1731 37.27) 91.5%, oklch(64.57% 0.1775 32.39) 93.6%, oklch(65.68% 0.1815 28.04) 95.7%, oklch(66.61% 0.1848 24.31) 97.9%, oklch(67.32% 0.1874 21.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.163 | 119.5 |
| 2 | 0.39 | 0.08 | 148.1 |
| 3 | 0.673 | 0.187 | 21.3 |

## In these collections

- [Two color gradients](https://grabient.com/two-color-gradients)

## Other forms

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