# Soft olive deep green plum gradient

Light green, brown, mauve and purple linear gradient with 64 colors: #cede8e, #ccdd8d, #cadb8b, #c7da89, #c5d887, #c2d685, #bfd582, #bbd280, #b8d07d, #b4ce7a, #b0cb77, #acc875, #a7c572, #a2c26f, #9dbe6d, #98bb6a, #92b668, #8cb266, #83ad64, #7aa763, #70a062, #669a60, #5b935f, #528b5d, #49845a, #417d57, #3b7754, #357050, #316b4c, #2f6648, #2e6243, #2f5e3f, #325c39, #385b33, #405a2d, #4a5a25, #55591e, #625917, #6f5713, #7c5617, #885421, #92532f, #9a523e, #a0524e, #a4525d, #a5536b, #a45477, #a2557f, #9f5585, #9c5488, #985389, #945088, #904e86, #8c4a83, #88477f, #84437a, #803f75, #7c3b6f, #79376a, #753465, #723060, #6f2e5c, #6d2b59, #6b2a58. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light green, brown, mauve and purple linear gradient
- Seed: `kW3UxUXalBLebQpGqaxsig_Q`
- Page: https://grabient.com/kW3UxUXalBLebQpGqaxsig_Q?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#cede8e` | `oklch(87.01% 0.1047 118.12)` | Lime Splash | black, 14.4 to 1 |
| 2 | `#ccdd8d` | `oklch(86.56% 0.1051 118.48)` | Lime Splash | black, 14.2 to 1 |
| 3 | `#cadb8b` | `oklch(86.07% 0.1057 118.87)` | Medium Spring Bud | black, 14 to 1 |
| 4 | `#c7da89` | `oklch(85.54% 0.1065 119.31)` | Tree Line | black, 13.8 to 1 |
| 5 | `#c5d887` | `oklch(84.95% 0.1074 119.78)` | Tree Line | black, 13.5 to 1 |
| 6 | `#c2d685` | `oklch(84.32% 0.1083 120.30)` | Pastel Lime | black, 13.2 to 1 |
| 7 | `#bfd582` | `oklch(83.63% 0.1094 120.86)` | Olive Buff | black, 13 to 1 |
| 8 | `#bbd280` | `oklch(82.88% 0.1104 121.46)` | Olive Buff | black, 12.6 to 1 |
| 9 | `#b8d07d` | `oklch(82.08% 0.1114 122.10)` | Tart Apple | black, 12.3 to 1 |
| 10 | `#b4ce7a` | `oklch(81.22% 0.1123 122.80)` | Davao Green | black, 12 to 1 |
| 11 | `#b0cb77` | `oklch(80.29% 0.1131 123.53)` | Wonder Woods | black, 11.6 to 1 |
| 12 | `#acc875` | `oklch(79.30% 0.1137 124.31)` | Sour Face | black, 11.2 to 1 |
| 13 | `#a7c572` | `oklch(78.24% 0.1141 125.14)` | Fiddle-Leaf Fig | black, 10.8 to 1 |
| 14 | `#a2c26f` | `oklch(77.11% 0.1142 126.02)` | Light Olive | black, 10.4 to 1 |
| 15 | `#9dbe6d` | `oklch(75.91% 0.1141 126.95)` | Leticiaz | black, 10 to 1 |
| 16 | `#98bb6a` | `oklch(74.63% 0.1136 127.93)` | Green Pepper | black, 9.6 to 1 |
| 17 | `#92b668` | `oklch(73.27% 0.1127 128.98)` | Light Birch Green | black, 9.1 to 1 |
| 18 | `#8cb266` | `oklch(71.68% 0.1113 130.61)` | Nasturtium Leaf | black, 8.6 to 1 |
| 19 | `#83ad64` | `oklch(69.85% 0.1093 132.89)` | Jealousy | black, 8 to 1 |
| 20 | `#7aa763` | `oklch(67.82% 0.1067 135.68)` | Dull Green | black, 7.5 to 1 |
| 21 | `#70a062` | `oklch(65.63% 0.1039 138.82)` | Bulbasaur | black, 6.9 to 1 |
| 22 | `#669a60` | `oklch(63.33% 0.1007 142.16)` | Green Hornet | black, 6.3 to 1 |
| 23 | `#5b935f` | `oklch(60.96% 0.0973 145.54)` | Abundance | black, 5.7 to 1 |
| 24 | `#528b5d` | `oklch(58.57% 0.0939 148.82)` | Spring Garden | black, 5.2 to 1 |
| 25 | `#49845a` | `oklch(56.20% 0.0904 151.85)` | Kilkenny | black, 4.7 to 1 |
| 26 | `#417d57` | `oklch(53.91% 0.0871 154.46)` | Rokushō Green | white, 4.8 to 1 |
| 27 | `#3b7754` | `oklch(51.72% 0.0839 156.51)` | Rokushō Green | white, 5.3 to 1 |
| 28 | `#357050` | `oklch(49.69% 0.0811 157.84)` | Parsley Sprig | white, 5.8 to 1 |
| 29 | `#316b4c` | `oklch(47.86% 0.0786 158.30)` | Chopped Chive | white, 6.3 to 1 |
| 30 | `#2f6648` | `oklch(46.28% 0.0766 157.74)` | Forest Serenade | white, 6.7 to 1 |
| 31 | `#2e6243` | `oklch(44.99% 0.0752 156.01)` | Green Pea | white, 7.1 to 1 |
| 32 | `#2f5e3f` | `oklch(44.04% 0.0745 152.96)` | Emerald Temple | white, 7.4 to 1 |
| 33 | `#325c39` | `oklch(43.47% 0.0745 148.36)` | Verde Garrafa | white, 7.6 to 1 |
| 34 | `#385b33` | `oklch(43.31% 0.0753 141.82)` | Parsley | white, 7.7 to 1 |
| 35 | `#405a2d` | `oklch(43.53% 0.0768 133.53)` | Turf | white, 7.7 to 1 |
| 36 | `#4a5a25` | `oklch(44.06% 0.0789 123.76)` | Obscure Olive | white, 7.5 to 1 |
| 37 | `#55591e` | `oklch(44.85% 0.0814 112.76)` | Soldier Green | white, 7.3 to 1 |
| 38 | `#625917` | `oklch(45.85% 0.0843 100.82)` | Ayahuasca Vine | white, 7.1 to 1 |
| 39 | `#6f5713` | `oklch(47.00% 0.0875 88.18)` | Field Drab | white, 6.8 to 1 |
| 40 | `#7c5617` | `oklch(48.26% 0.0909 75.13)` | Autumn Leaf Brown | white, 6.5 to 1 |
| 41 | `#885421` | `oklch(49.56% 0.0944 61.91)` | Precious Copper | white, 6.2 to 1 |
| 42 | `#92532f` | `oklch(50.86% 0.0980 48.81)` | Chelsea Gem | white, 5.9 to 1 |
| 43 | `#9a523e` | `oklch(52.10% 0.1014 36.09)` | Sōdenkaracha Brown | white, 5.7 to 1 |
| 44 | `#a0524e` | `oklch(53.23% 0.1047 24.01)` | Bravado Red | white, 5.5 to 1 |
| 45 | `#a4525d` | `oklch(54.19% 0.1077 12.84)` | Cranberry Jam | white, 5.3 to 1 |
| 46 | `#a5536b` | `oklch(54.93% 0.1103 2.84)` | Cranbrook | white, 5.1 to 1 |
| 47 | `#a45477` | `oklch(55.39% 0.1125 354.29)` | Cranbrook | white, 5 to 1 |
| 48 | `#a2557f` | `oklch(55.53% 0.1141 347.44)` | Feminism | white, 5 to 1 |
| 49 | `#9f5585` | `oklch(55.33% 0.1151 342.33)` | Feminism | white, 5 to 1 |
| 50 | `#9c5488` | `oklch(54.86% 0.1158 338.41)` | Purple Zergling | white, 5.1 to 1 |
| 51 | `#985389` | `oklch(54.15% 0.1162 335.55)` | Purplish | white, 5.3 to 1 |
| 52 | `#945088` | `oklch(53.25% 0.1163 333.63)` | Striking Purple | white, 5.5 to 1 |
| 53 | `#904e86` | `oklch(52.19% 0.1162 332.53)` | Razzmic Berry | white, 5.8 to 1 |
| 54 | `#8c4a83` | `oklch(50.99% 0.1159 332.14)` | Pickled Plum | white, 6.1 to 1 |
| 55 | `#88477f` | `oklch(49.70% 0.1155 332.32)` | Purpurite Red | white, 6.4 to 1 |
| 56 | `#84437a` | `oklch(48.35% 0.1149 332.98)` | Visiona Red | white, 6.8 to 1 |
| 57 | `#803f75` | `oklch(46.97% 0.1142 333.98)` | Bruise | white, 7.2 to 1 |
| 58 | `#7c3b6f` | `oklch(45.60% 0.1135 335.21)` | Deep Commitment to Purple | white, 7.7 to 1 |
| 59 | `#79376a` | `oklch(44.26% 0.1128 336.55)` | Ayame Iris | white, 8.1 to 1 |
| 60 | `#753465` | `oklch(43.00% 0.1121 337.88)` | Ayame Iris | white, 8.6 to 1 |
| 61 | `#723060` | `oklch(41.85% 0.1114 339.08)` | Grape | white, 9 to 1 |
| 62 | `#6f2e5c` | `oklch(40.84% 0.1109 340.04)` | Grape | white, 9.4 to 1 |
| 63 | `#6d2b59` | `oklch(40.00% 0.1105 340.63)` | Pretty in Prune | white, 9.7 to 1 |
| 64 | `#6b2a58` | `oklch(39.37% 0.1102 340.75)` | Pretty in Prune | white, 10 to 1 |

## CSS

```css
background: linear-gradient(135deg, #cede8e 0.0%, #ccdd8d 1.6%, #cadb8b 3.2%, #c7da89 4.8%, #c5d887 6.3%, #c2d685 7.9%, #bfd582 9.5%, #bbd280 11.1%, #b8d07d 12.7%, #b4ce7a 14.3%, #b0cb77 15.9%, #acc875 17.5%, #a7c572 19.0%, #a2c26f 20.6%, #9dbe6d 22.2%, #98bb6a 23.8%, #92b668 25.4%, #8cb266 27.0%, #83ad64 28.6%, #7aa763 30.2%, #70a062 31.7%, #669a60 33.3%, #5b935f 34.9%, #528b5d 36.5%, #49845a 38.1%, #417d57 39.7%, #3b7754 41.3%, #357050 42.9%, #316b4c 44.4%, #2f6648 46.0%, #2e6243 47.6%, #2f5e3f 49.2%, #325c39 50.8%, #385b33 52.4%, #405a2d 54.0%, #4a5a25 55.6%, #55591e 57.1%, #625917 58.7%, #6f5713 60.3%, #7c5617 61.9%, #885421 63.5%, #92532f 65.1%, #9a523e 66.7%, #a0524e 68.3%, #a4525d 69.8%, #a5536b 71.4%, #a45477 73.0%, #a2557f 74.6%, #9f5585 76.2%, #9c5488 77.8%, #985389 79.4%, #945088 81.0%, #904e86 82.5%, #8c4a83 84.1%, #88477f 85.7%, #84437a 87.3%, #803f75 88.9%, #7c3b6f 90.5%, #79376a 92.1%, #753465 93.7%, #723060 95.2%, #6f2e5c 96.8%, #6d2b59 98.4%, #6b2a58 100.0%);
background: linear-gradient(135deg in oklch, oklch(87.01% 0.1047 118.12) 0.0%, oklch(86.56% 0.1051 118.48) 1.6%, oklch(86.07% 0.1057 118.87) 3.2%, oklch(85.54% 0.1065 119.31) 4.8%, oklch(84.95% 0.1074 119.78) 6.3%, oklch(84.32% 0.1083 120.30) 7.9%, oklch(83.63% 0.1094 120.86) 9.5%, oklch(82.88% 0.1104 121.46) 11.1%, oklch(82.08% 0.1114 122.10) 12.7%, oklch(81.22% 0.1123 122.80) 14.3%, oklch(80.29% 0.1131 123.53) 15.9%, oklch(79.30% 0.1137 124.31) 17.5%, oklch(78.24% 0.1141 125.14) 19.0%, oklch(77.11% 0.1142 126.02) 20.6%, oklch(75.91% 0.1141 126.95) 22.2%, oklch(74.63% 0.1136 127.93) 23.8%, oklch(73.27% 0.1127 128.98) 25.4%, oklch(71.68% 0.1113 130.61) 27.0%, oklch(69.85% 0.1093 132.89) 28.6%, oklch(67.82% 0.1067 135.68) 30.2%, oklch(65.63% 0.1039 138.82) 31.7%, oklch(63.33% 0.1007 142.16) 33.3%, oklch(60.96% 0.0973 145.54) 34.9%, oklch(58.57% 0.0939 148.82) 36.5%, oklch(56.20% 0.0904 151.85) 38.1%, oklch(53.91% 0.0871 154.46) 39.7%, oklch(51.72% 0.0839 156.51) 41.3%, oklch(49.69% 0.0811 157.84) 42.9%, oklch(47.86% 0.0786 158.30) 44.4%, oklch(46.28% 0.0766 157.74) 46.0%, oklch(44.99% 0.0752 156.01) 47.6%, oklch(44.04% 0.0745 152.96) 49.2%, oklch(43.47% 0.0745 148.36) 50.8%, oklch(43.31% 0.0753 141.82) 52.4%, oklch(43.53% 0.0768 133.53) 54.0%, oklch(44.06% 0.0789 123.76) 55.6%, oklch(44.85% 0.0814 112.76) 57.1%, oklch(45.85% 0.0843 100.82) 58.7%, oklch(47.00% 0.0875 88.18) 60.3%, oklch(48.26% 0.0909 75.13) 61.9%, oklch(49.56% 0.0944 61.91) 63.5%, oklch(50.86% 0.0980 48.81) 65.1%, oklch(52.10% 0.1014 36.09) 66.7%, oklch(53.23% 0.1047 24.01) 68.3%, oklch(54.19% 0.1077 12.84) 69.8%, oklch(54.93% 0.1103 2.84) 71.4%, oklch(55.39% 0.1125 354.29) 73.0%, oklch(55.53% 0.1141 347.44) 74.6%, oklch(55.33% 0.1151 342.33) 76.2%, oklch(54.86% 0.1158 338.41) 77.8%, oklch(54.15% 0.1162 335.55) 79.4%, oklch(53.25% 0.1163 333.63) 81.0%, oklch(52.19% 0.1162 332.53) 82.5%, oklch(50.99% 0.1159 332.14) 84.1%, oklch(49.70% 0.1155 332.32) 85.7%, oklch(48.35% 0.1149 332.98) 87.3%, oklch(46.97% 0.1142 333.98) 88.9%, oklch(45.60% 0.1135 335.21) 90.5%, oklch(44.26% 0.1128 336.55) 92.1%, oklch(43.00% 0.1121 337.88) 93.7%, oklch(41.85% 0.1114 339.08) 95.2%, oklch(40.84% 0.1109 340.04) 96.8%, oklch(40.00% 0.1105 340.63) 98.4%, oklch(39.37% 0.1102 340.75) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.105 | 118.1 |
| 2 | 0.736 | 0.113 | 128.7 |
| 3 | 0.437 | 0.074 | 150.9 |
| 4 | 0.555 | 0.114 | -14 |
| 5 | 0.394 | 0.11 | -19.3 |

## In these collections

- [Cabbage crush](https://grabient.com/cabbage-crush)

## Other forms

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