# Soft olive green rose gradient

Vivid green, olive and maroon linear gradient with 56 colors: #568037, #558037, #537f38, #517f39, #4f7f3b, #4c7f3d, #497f3f, #467f41, #427f43, #3f7e45, #3b7e47, #377e49, #337d4b, #2f7d4d, #2b7c4f, #277c50, #237b52, #1f7b53, #1b7a54, #187954, #157854, #127854, #117753, #117652, #127551, #14744f, #17734c, #1b7249, #207045, #256f41, #2b6d3b, #326b35, #38692d, #3f6725, #46641b, #4c610e, #535d00, #585900, #5d5600, #615200, #644e00, #674a00, #6a4600, #6d4200, #703e00, #743800, #783200, #792d0a, #792a16, #79271e, #782425, #77222b, #752131, #742035, #721f39, #711e3c. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid green, olive and maroon linear gradient
- Seed: `kSjFJfPiXCrArLa`
- Page: https://grabient.com/kSjFJfPiXCrArLa?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.3 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 | `#568037` | `oklch(55.12% 0.1130 133.59)` | Hot Pepper Green | white, 4.6 to 1 |
| 2 | `#558037` | `oklch(55.00% 0.1128 134.16)` | Hot Pepper Green | white, 4.6 to 1 |
| 3 | `#537f38` | `oklch(54.87% 0.1125 134.99)` | Hot Pepper Green | white, 4.6 to 1 |
| 4 | `#517f39` | `oklch(54.73% 0.1122 136.06)` | Guinean Green | white, 4.7 to 1 |
| 5 | `#4f7f3b` | `oklch(54.58% 0.1119 137.35)` | Guinean Green | white, 4.7 to 1 |
| 6 | `#4c7f3d` | `oklch(54.42% 0.1115 138.81)` | Guinean Green | white, 4.7 to 1 |
| 7 | `#497f3f` | `oklch(54.25% 0.1111 140.42)` | Guinean Green | white, 4.7 to 1 |
| 8 | `#467f41` | `oklch(54.07% 0.1106 142.15)` | Guinean Green | white, 4.8 to 1 |
| 9 | `#427f43` | `oklch(53.89% 0.1101 143.98)` | Tarmac Green | white, 4.8 to 1 |
| 10 | `#3f7e45` | `oklch(53.69% 0.1097 145.88)` | Hills of Ireland | white, 4.8 to 1 |
| 11 | `#3b7e47` | `oklch(53.49% 0.1092 147.81)` | Hills of Ireland | white, 4.9 to 1 |
| 12 | `#377e49` | `oklch(53.28% 0.1086 149.74)` | Bold Irish | white, 4.9 to 1 |
| 13 | `#337d4b` | `oklch(53.06% 0.1081 151.65)` | Bold Irish | white, 5 to 1 |
| 14 | `#2f7d4d` | `oklch(52.83% 0.1076 153.52)` | Canadian Pine | white, 5 to 1 |
| 15 | `#2b7c4f` | `oklch(52.60% 0.1071 155.30)` | Canadian Pine | white, 5 to 1 |
| 16 | `#277c50` | `oklch(52.36% 0.1066 156.97)` | Canadian Pine | white, 5.1 to 1 |
| 17 | `#237b52` | `oklch(52.11% 0.1061 158.50)` | Canadian Pine | white, 5.1 to 1 |
| 18 | `#1f7b53` | `oklch(51.85% 0.1057 159.87)` | Opal Green | white, 5.2 to 1 |
| 19 | `#1b7a54` | `oklch(51.59% 0.1052 161.04)` | Opal Green | white, 5.3 to 1 |
| 20 | `#187954` | `oklch(51.32% 0.1048 161.99)` | Opal Green | white, 5.3 to 1 |
| 21 | `#157854` | `oklch(51.05% 0.1044 162.68)` | Opal Green | white, 5.4 to 1 |
| 22 | `#127854` | `oklch(50.77% 0.1041 163.09)` | Opal Green | white, 5.5 to 1 |
| 23 | `#117753` | `oklch(50.48% 0.1038 163.18)` | Greasy Greens | white, 5.5 to 1 |
| 24 | `#117652` | `oklch(50.19% 0.1036 162.94)` | Greasy Greens | white, 5.6 to 1 |
| 25 | `#127551` | `oklch(49.89% 0.1034 162.32)` | Green Velvet | white, 5.7 to 1 |
| 26 | `#14744f` | `oklch(49.59% 0.1033 161.31)` | Green Velvet | white, 5.7 to 1 |
| 27 | `#17734c` | `oklch(49.29% 0.1033 159.87)` | Lush Meadow | white, 5.8 to 1 |
| 28 | `#1b7249` | `oklch(48.98% 0.1033 157.97)` | Cloudy Camouflage | white, 5.9 to 1 |
| 29 | `#207045` | `oklch(48.66% 0.1034 155.57)` | Cloudy Camouflage | white, 6 to 1 |
| 30 | `#256f41` | `oklch(48.32% 0.1036 152.54)` | Cloudy Camouflage | white, 6.1 to 1 |
| 31 | `#2b6d3b` | `oklch(47.95% 0.1038 148.91)` | Billiard Ball | white, 6.2 to 1 |
| 32 | `#326b35` | `oklch(47.57% 0.1042 144.72)` | Radical Green | white, 6.3 to 1 |
| 33 | `#38692d` | `oklch(47.16% 0.1046 140.03)` | Radical Green | white, 6.4 to 1 |
| 34 | `#3f6725` | `oklch(46.74% 0.1050 134.88)` | Radical Green | white, 6.6 to 1 |
| 35 | `#46641b` | `oklch(46.30% 0.1055 129.32)` | Camouflage Green | white, 6.7 to 1 |
| 36 | `#4c610e` | `oklch(45.86% 0.1061 123.40)` | Camouflage Green | white, 6.9 to 1 |
| 37 | `#535d00` | `oklch(45.40% 0.1048 117.17)` | Greensboro | white, 7.1 to 1 |
| 38 | `#585900` | `oklch(44.93% 0.0985 110.65)` | Greensboro | white, 7.3 to 1 |
| 39 | `#5d5600` | `oklch(44.46% 0.0939 103.92)` | Olive Brown | white, 7.5 to 1 |
| 40 | `#615200` | `oklch(43.98% 0.0907 97.01)` | Olive Brown | white, 7.7 to 1 |
| 41 | `#644e00` | `oklch(43.51% 0.0889 89.98)` | Olive Brown | white, 7.9 to 1 |
| 42 | `#674a00` | `oklch(43.03% 0.0885 82.88)` | Notorious Neanderthal | white, 8.1 to 1 |
| 43 | `#6a4600` | `oklch(42.56% 0.0895 75.75)` | Violin Brown | white, 8.3 to 1 |
| 44 | `#6d4200` | `oklch(42.10% 0.0920 68.64)` | Bloodtracker Brown | white, 8.6 to 1 |
| 45 | `#703e00` | `oklch(41.64% 0.0962 61.60)` | Bloodtracker Brown | white, 8.8 to 1 |
| 46 | `#743800` | `oklch(41.19% 0.1024 54.68)` | Philippine Bronze | white, 9 to 1 |
| 47 | `#783200` | `oklch(40.76% 0.1111 47.93)` | Bay Brown | white, 9.3 to 1 |
| 48 | `#792d0a` | `oklch(40.34% 0.1145 41.48)` | Drip Coffee | white, 9.5 to 1 |
| 49 | `#792a16` | `oklch(39.94% 0.1151 35.20)` | Drip Coffee | white, 9.7 to 1 |
| 50 | `#79271e` | `oklch(39.55% 0.1157 29.23)` | Posh Red | white, 9.9 to 1 |
| 51 | `#782425` | `oklch(39.19% 0.1163 23.62)` | Incubus | white, 10 to 1 |
| 52 | `#77222b` | `oklch(38.86% 0.1169 18.41)` | Biking Red | white, 10.2 to 1 |
| 53 | `#752131` | `oklch(38.55% 0.1174 13.65)` | Whisky Cola | white, 10.4 to 1 |
| 54 | `#742035` | `oklch(38.26% 0.1178 9.39)` | Rocking Chair | white, 10.5 to 1 |
| 55 | `#721f39` | `oklch(38.01% 0.1182 5.68)` | Rocking Chair | white, 10.6 to 1 |
| 56 | `#711e3c` | `oklch(37.80% 0.1185 2.56)` | Rocking Chair | white, 10.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #568037 0.0%, #558037 1.8%, #537f38 3.6%, #517f39 5.5%, #4f7f3b 7.3%, #4c7f3d 9.1%, #497f3f 10.9%, #467f41 12.7%, #427f43 14.5%, #3f7e45 16.4%, #3b7e47 18.2%, #377e49 20.0%, #337d4b 21.8%, #2f7d4d 23.6%, #2b7c4f 25.5%, #277c50 27.3%, #237b52 29.1%, #1f7b53 30.9%, #1b7a54 32.7%, #187954 34.5%, #157854 36.4%, #127854 38.2%, #117753 40.0%, #117652 41.8%, #127551 43.6%, #14744f 45.5%, #17734c 47.3%, #1b7249 49.1%, #207045 50.9%, #256f41 52.7%, #2b6d3b 54.5%, #326b35 56.4%, #38692d 58.2%, #3f6725 60.0%, #46641b 61.8%, #4c610e 63.6%, #535d00 65.5%, #585900 67.3%, #5d5600 69.1%, #615200 70.9%, #644e00 72.7%, #674a00 74.5%, #6a4600 76.4%, #6d4200 78.2%, #703e00 80.0%, #743800 81.8%, #783200 83.6%, #792d0a 85.5%, #792a16 87.3%, #79271e 89.1%, #782425 90.9%, #77222b 92.7%, #752131 94.5%, #742035 96.4%, #721f39 98.2%, #711e3c 100.0%);
background: linear-gradient(135deg in oklch, oklch(55.12% 0.1130 133.59) 0.0%, oklch(55.00% 0.1128 134.16) 1.8%, oklch(54.87% 0.1125 134.99) 3.6%, oklch(54.73% 0.1122 136.06) 5.5%, oklch(54.58% 0.1119 137.35) 7.3%, oklch(54.42% 0.1115 138.81) 9.1%, oklch(54.25% 0.1111 140.42) 10.9%, oklch(54.07% 0.1106 142.15) 12.7%, oklch(53.89% 0.1101 143.98) 14.5%, oklch(53.69% 0.1097 145.88) 16.4%, oklch(53.49% 0.1092 147.81) 18.2%, oklch(53.28% 0.1086 149.74) 20.0%, oklch(53.06% 0.1081 151.65) 21.8%, oklch(52.83% 0.1076 153.52) 23.6%, oklch(52.60% 0.1071 155.30) 25.5%, oklch(52.36% 0.1066 156.97) 27.3%, oklch(52.11% 0.1061 158.50) 29.1%, oklch(51.85% 0.1057 159.87) 30.9%, oklch(51.59% 0.1052 161.04) 32.7%, oklch(51.32% 0.1048 161.99) 34.5%, oklch(51.05% 0.1044 162.68) 36.4%, oklch(50.77% 0.1041 163.09) 38.2%, oklch(50.48% 0.1038 163.18) 40.0%, oklch(50.19% 0.1036 162.94) 41.8%, oklch(49.89% 0.1034 162.32) 43.6%, oklch(49.59% 0.1033 161.31) 45.5%, oklch(49.29% 0.1033 159.87) 47.3%, oklch(48.98% 0.1033 157.97) 49.1%, oklch(48.66% 0.1034 155.57) 50.9%, oklch(48.32% 0.1036 152.54) 52.7%, oklch(47.95% 0.1038 148.91) 54.5%, oklch(47.57% 0.1042 144.72) 56.4%, oklch(47.16% 0.1046 140.03) 58.2%, oklch(46.74% 0.1050 134.88) 60.0%, oklch(46.30% 0.1055 129.32) 61.8%, oklch(45.86% 0.1061 123.40) 63.6%, oklch(45.40% 0.1048 117.17) 65.5%, oklch(44.93% 0.0985 110.65) 67.3%, oklch(44.46% 0.0939 103.92) 69.1%, oklch(43.98% 0.0907 97.01) 70.9%, oklch(43.51% 0.0889 89.98) 72.7%, oklch(43.03% 0.0885 82.88) 74.5%, oklch(42.56% 0.0895 75.75) 76.4%, oklch(42.10% 0.0920 68.64) 78.2%, oklch(41.64% 0.0962 61.60) 80.0%, oklch(41.19% 0.1024 54.68) 81.8%, oklch(40.76% 0.1111 47.93) 83.6%, oklch(40.34% 0.1145 41.48) 85.5%, oklch(39.94% 0.1151 35.20) 87.3%, oklch(39.55% 0.1157 29.23) 89.1%, oklch(39.19% 0.1163 23.62) 90.9%, oklch(38.86% 0.1169 18.41) 92.7%, oklch(38.55% 0.1174 13.65) 94.5%, oklch(38.26% 0.1178 9.39) 96.4%, oklch(38.01% 0.1182 5.68) 98.2%, oklch(37.80% 0.1185 2.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.113 | 133.6 |
| 2 | 0.488 | 0.103 | 156.8 |
| 3 | 0.378 | 0.119 | 2.6 |

## In these collections

- [Brooched](https://grabient.com/brooched)

## Other forms

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