# Olive, tan, pink and purple linear gradient

Olive, tan, pink and purple linear gradient with 56 colors: #8da659, #92a556, #96a352, #9ca14e, #a29e4a, #a89b47, #ae9845, #b49444, #b99045, #be8d48, #c3894c, #c68552, #c98259, #ca7f61, #cb7c69, #cb7a71, #ca7979, #c97881, #c77789, #c47790, #c17797, #be779d, #bb78a1, #b878a6, #b679a9, #b379ab, #b27aad, #b17aae, #b17aae, #b27bad, #b37bac, #b57baa, #b87ba7, #ba7ba3, #bd7b9f, #c07b9a, #c37c95, #c67d8f, #c87e89, #c98082, #ca827c, #ca8475, #ca876f, #c98a6a, #c78d65, #c49162, #c1945f, #bd985e, #b99b5e, #b49e5f, #b0a161, #aba464, #a7a667, #a3a86a, #a0aa6c, #9dab6f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kSr05YUyOtlse0c`
- Page: https://grabient.com/kSr05YUyOtlse0c?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: even lightness, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#8da659` | `oklch(68.90% 0.1075 123.75)` | Chelsea Cucumber | black, 7.7 to 1 |
| 2 | `#92a556` | `oklch(68.82% 0.1073 120.53)` | Overt Green | black, 7.7 to 1 |
| 3 | `#96a352` | `oklch(68.73% 0.1071 116.56)` | Overt Green | black, 7.6 to 1 |
| 4 | `#9ca14e` | `oklch(68.61% 0.1069 111.90)` | Reed Green | black, 7.5 to 1 |
| 5 | `#a29e4a` | `oklch(68.48% 0.1066 106.63)` | Poplar | black, 7.5 to 1 |
| 6 | `#a89b47` | `oklch(68.34% 0.1064 100.82)` | Prickly Pear | black, 7.4 to 1 |
| 7 | `#ae9845` | `oklch(68.18% 0.1061 94.51)` | Semi Opal | black, 7.3 to 1 |
| 8 | `#b49444` | `oklch(68.01% 0.1058 87.79)` | Roti | black, 7.2 to 1 |
| 9 | `#b99045` | `oklch(67.83% 0.1055 80.73)` | Fervent Brass | black, 7.1 to 1 |
| 10 | `#be8d48` | `oklch(67.65% 0.1052 73.37)` | Barista’s Favourite | black, 7 to 1 |
| 11 | `#c3894c` | `oklch(67.46% 0.1049 65.81)` | Tassel | black, 6.9 to 1 |
| 12 | `#c68552` | `oklch(67.26% 0.1045 58.09)` | Maple Syrup Brown | black, 6.8 to 1 |
| 13 | `#c98259` | `oklch(67.07% 0.1042 50.29)` | Shamanic Journey | black, 6.8 to 1 |
| 14 | `#ca7f61` | `oklch(66.88% 0.1038 42.47)` | Clove Bud | black, 6.7 to 1 |
| 15 | `#cb7c69` | `oklch(66.68% 0.1034 34.70)` | Canyon Clay | black, 6.6 to 1 |
| 16 | `#cb7a71` | `oklch(66.50% 0.1030 27.05)` | Chilli Soda | black, 6.5 to 1 |
| 17 | `#ca7979` | `oklch(66.32% 0.1027 19.58)` | Dirty Pink | black, 6.5 to 1 |
| 18 | `#c97881` | `oklch(66.15% 0.1023 12.36)` | Old Pink | black, 6.4 to 1 |
| 19 | `#c77789` | `oklch(65.99% 0.1018 5.46)` | Long Spring | black, 6.4 to 1 |
| 20 | `#c47790` | `oklch(65.84% 0.1014 358.94)` | Watermelon Pink | black, 6.3 to 1 |
| 21 | `#c17797` | `oklch(65.71% 0.1010 352.87)` | Dolomite Red | black, 6.3 to 1 |
| 22 | `#be779d` | `oklch(65.59% 0.1006 347.32)` | Valentine Heart | black, 6.3 to 1 |
| 23 | `#bb78a1` | `oklch(65.49% 0.1002 342.35)` | Valentine Heart | black, 6.2 to 1 |
| 24 | `#b878a6` | `oklch(65.41% 0.0998 338.03)` | Eccentric Magenta | black, 6.2 to 1 |
| 25 | `#b679a9` | `oklch(65.35% 0.0993 334.42)` | Eccentric Magenta | black, 6.2 to 1 |
| 26 | `#b379ab` | `oklch(65.32% 0.0989 331.60)` | Victorian Violet | black, 6.2 to 1 |
| 27 | `#b27aad` | `oklch(65.31% 0.0985 329.63)` | Victorian Violet | black, 6.2 to 1 |
| 28 | `#b17aae` | `oklch(65.33% 0.0980 328.57)` | Victorian Violet | black, 6.2 to 1 |
| 29 | `#b17aae` | `oklch(65.38% 0.0976 328.49)` | Victorian Violet | black, 6.2 to 1 |
| 30 | `#b27bad` | `oklch(65.47% 0.0972 329.39)` | Cheddar Pink Mauve | black, 6.3 to 1 |
| 31 | `#b37bac` | `oklch(65.58% 0.0967 331.20)` | Cheddar Pink Mauve | black, 6.3 to 1 |
| 32 | `#b57baa` | `oklch(65.72% 0.0962 333.85)` | Cheddar Pink Mauve | black, 6.3 to 1 |
| 33 | `#b87ba7` | `oklch(65.89% 0.0957 337.29)` | Romanov Mauve | black, 6.4 to 1 |
| 34 | `#ba7ba3` | `oklch(66.09% 0.0951 341.44)` | Purple Cheeks | black, 6.4 to 1 |
| 35 | `#bd7b9f` | `oklch(66.30% 0.0946 346.23)` | Valentine Heart | black, 6.5 to 1 |
| 36 | `#c07b9a` | `oklch(66.53% 0.0940 351.60)` | Polignac | black, 6.5 to 1 |
| 37 | `#c37c95` | `oklch(66.78% 0.0934 357.49)` | Polignac | black, 6.6 to 1 |
| 38 | `#c67d8f` | `oklch(67.05% 0.0928 3.83)` | Japanese Coral | black, 6.7 to 1 |
| 39 | `#c87e89` | `oklch(67.33% 0.0923 10.56)` | Grey Matter | black, 6.7 to 1 |
| 40 | `#c98082` | `oklch(67.61% 0.0917 17.60)` | Fake Crush | black, 6.8 to 1 |
| 41 | `#ca827c` | `oklch(67.91% 0.0911 24.89)` | Raspberry Ripple | black, 6.9 to 1 |
| 42 | `#ca8475` | `oklch(68.21% 0.0905 32.37)` | Argyle Rose | black, 7 to 1 |
| 43 | `#ca876f` | `oklch(68.51% 0.0899 39.96)` | Secluded Canyon | black, 7.1 to 1 |
| 44 | `#c98a6a` | `oklch(68.81% 0.0893 47.61)` | Subdued Sienna | black, 7.3 to 1 |
| 45 | `#c78d65` | `oklch(69.11% 0.0888 55.25)` | Butterum | black, 7.4 to 1 |
| 46 | `#c49162` | `oklch(69.41% 0.0882 62.80)` | Mid Tan | black, 7.5 to 1 |
| 47 | `#c1945f` | `oklch(69.70% 0.0877 70.22)` | Gold Torch | black, 7.6 to 1 |
| 48 | `#bd985e` | `oklch(69.99% 0.0872 77.42)` | Golden Bear | black, 7.7 to 1 |
| 49 | `#b99b5e` | `oklch(70.26% 0.0867 84.34)` | Packing Paper | black, 7.9 to 1 |
| 50 | `#b49e5f` | `oklch(70.52% 0.0862 90.93)` | Antique Gold | black, 8 to 1 |
| 51 | `#b0a161` | `oklch(70.76% 0.0858 97.10)` | Wavy Glass | black, 8.1 to 1 |
| 52 | `#aba464` | `oklch(70.98% 0.0854 102.80)` | Wholemeal Cookie | black, 8.2 to 1 |
| 53 | `#a7a667` | `oklch(71.19% 0.0850 107.96)` | Wholemeal Cookie | black, 8.3 to 1 |
| 54 | `#a3a86a` | `oklch(71.37% 0.0846 112.51)` | Spanish Olive | black, 8.3 to 1 |
| 55 | `#a0aa6c` | `oklch(71.52% 0.0843 116.38)` | Spanish Olive | black, 8.4 to 1 |
| 56 | `#9dab6f` | `oklch(71.65% 0.0841 119.52)` | Spanish Olive | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8da659 0.0%, #92a556 1.8%, #96a352 3.6%, #9ca14e 5.5%, #a29e4a 7.3%, #a89b47 9.1%, #ae9845 10.9%, #b49444 12.7%, #b99045 14.5%, #be8d48 16.4%, #c3894c 18.2%, #c68552 20.0%, #c98259 21.8%, #ca7f61 23.6%, #cb7c69 25.5%, #cb7a71 27.3%, #ca7979 29.1%, #c97881 30.9%, #c77789 32.7%, #c47790 34.5%, #c17797 36.4%, #be779d 38.2%, #bb78a1 40.0%, #b878a6 41.8%, #b679a9 43.6%, #b379ab 45.5%, #b27aad 47.3%, #b17aae 49.1%, #b17aae 50.9%, #b27bad 52.7%, #b37bac 54.5%, #b57baa 56.4%, #b87ba7 58.2%, #ba7ba3 60.0%, #bd7b9f 61.8%, #c07b9a 63.6%, #c37c95 65.5%, #c67d8f 67.3%, #c87e89 69.1%, #c98082 70.9%, #ca827c 72.7%, #ca8475 74.5%, #ca876f 76.4%, #c98a6a 78.2%, #c78d65 80.0%, #c49162 81.8%, #c1945f 83.6%, #bd985e 85.5%, #b99b5e 87.3%, #b49e5f 89.1%, #b0a161 90.9%, #aba464 92.7%, #a7a667 94.5%, #a3a86a 96.4%, #a0aa6c 98.2%, #9dab6f 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.90% 0.1075 123.75) 0.0%, oklch(68.82% 0.1073 120.53) 1.8%, oklch(68.73% 0.1071 116.56) 3.6%, oklch(68.61% 0.1069 111.90) 5.5%, oklch(68.48% 0.1066 106.63) 7.3%, oklch(68.34% 0.1064 100.82) 9.1%, oklch(68.18% 0.1061 94.51) 10.9%, oklch(68.01% 0.1058 87.79) 12.7%, oklch(67.83% 0.1055 80.73) 14.5%, oklch(67.65% 0.1052 73.37) 16.4%, oklch(67.46% 0.1049 65.81) 18.2%, oklch(67.26% 0.1045 58.09) 20.0%, oklch(67.07% 0.1042 50.29) 21.8%, oklch(66.88% 0.1038 42.47) 23.6%, oklch(66.68% 0.1034 34.70) 25.5%, oklch(66.50% 0.1030 27.05) 27.3%, oklch(66.32% 0.1027 19.58) 29.1%, oklch(66.15% 0.1023 12.36) 30.9%, oklch(65.99% 0.1018 5.46) 32.7%, oklch(65.84% 0.1014 358.94) 34.5%, oklch(65.71% 0.1010 352.87) 36.4%, oklch(65.59% 0.1006 347.32) 38.2%, oklch(65.49% 0.1002 342.35) 40.0%, oklch(65.41% 0.0998 338.03) 41.8%, oklch(65.35% 0.0993 334.42) 43.6%, oklch(65.32% 0.0989 331.60) 45.5%, oklch(65.31% 0.0985 329.63) 47.3%, oklch(65.33% 0.0980 328.57) 49.1%, oklch(65.38% 0.0976 328.49) 50.9%, oklch(65.47% 0.0972 329.39) 52.7%, oklch(65.58% 0.0967 331.20) 54.5%, oklch(65.72% 0.0962 333.85) 56.4%, oklch(65.89% 0.0957 337.29) 58.2%, oklch(66.09% 0.0951 341.44) 60.0%, oklch(66.30% 0.0946 346.23) 61.8%, oklch(66.53% 0.0940 351.60) 63.6%, oklch(66.78% 0.0934 357.49) 65.5%, oklch(67.05% 0.0928 3.83) 67.3%, oklch(67.33% 0.0923 10.56) 69.1%, oklch(67.61% 0.0917 17.60) 70.9%, oklch(67.91% 0.0911 24.89) 72.7%, oklch(68.21% 0.0905 32.37) 74.5%, oklch(68.51% 0.0899 39.96) 76.4%, oklch(68.81% 0.0893 47.61) 78.2%, oklch(69.11% 0.0888 55.25) 80.0%, oklch(69.41% 0.0882 62.80) 81.8%, oklch(69.70% 0.0877 70.22) 83.6%, oklch(69.99% 0.0872 77.42) 85.5%, oklch(70.26% 0.0867 84.34) 87.3%, oklch(70.52% 0.0862 90.93) 89.1%, oklch(70.76% 0.0858 97.10) 90.9%, oklch(70.98% 0.0854 102.80) 92.7%, oklch(71.19% 0.0850 107.96) 94.5%, oklch(71.37% 0.0846 112.51) 96.4%, oklch(71.52% 0.0843 116.38) 98.2%, oklch(71.65% 0.0841 119.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.107 | 123.8 |
| 2 | 0.654 | 0.098 | -31.6 |
| 3 | 0.717 | 0.084 | 119.5 |

## In these collections

- [Fynbos after winter rain](https://grabient.com/fynbos-after-winter-rain)

## Other forms

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