# Deep olive orange gradient

Olive, tan and navy linear gradient with 48 colors: #879165, #889265, #899264, #8b9364, #8c9463, #8e9563, #909663, #929762, #949962, #969a61, #989b61, #9b9c60, #9d9d5f, #a09e5e, #a39f5c, #a59f5b, #a89f59, #ab9e57, #ae9d55, #b09c53, #b39950, #b5974e, #b7944c, #b9904a, #ba8b49, #ba8649, #ba8049, #b8794b, #b6724d, #b26a50, #ad6354, #a65c58, #9f555c, #964f60, #8c4a63, #824566, #764067, #6b3c68, #5f3868, #543566, #483264, #3e2f61, #332c5e, #2a2a5a, #212756, #182551, #10244e, #08224a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Olive, tan and navy linear gradient
- Seed: `kSoi5U1aS66Edqu`
- Page: https://grabient.com/kSoi5U1aS66Edqu?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: light to dark, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.7 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 | `#879165` | `oklch(63.78% 0.0634 118.83)` | Green Coconut | black, 6.2 to 1 |
| 2 | `#889265` | `oklch(63.90% 0.0643 117.97)` | Epsom | black, 6.3 to 1 |
| 3 | `#899264` | `oklch(64.10% 0.0654 117.18)` | Nick’s Nook | black, 6.3 to 1 |
| 4 | `#8b9364` | `oklch(64.38% 0.0667 116.45)` | Green Cast | black, 6.4 to 1 |
| 5 | `#8c9463` | `oklch(64.71% 0.0682 115.74)` | Green Cast | black, 6.5 to 1 |
| 6 | `#8e9563` | `oklch(65.10% 0.0699 115.03)` | Indian Green | black, 6.6 to 1 |
| 7 | `#909663` | `oklch(65.52% 0.0716 114.31)` | Indian Green | black, 6.7 to 1 |
| 8 | `#929762` | `oklch(65.97% 0.0735 113.55)` | Indian Green | black, 6.8 to 1 |
| 9 | `#949962` | `oklch(66.44% 0.0755 112.74)` | Broad Bean | black, 6.9 to 1 |
| 10 | `#969a61` | `oklch(66.91% 0.0775 111.84)` | Broad Bean | black, 7 to 1 |
| 11 | `#989b61` | `oklch(67.37% 0.0795 110.84)` | Stem | black, 7.2 to 1 |
| 12 | `#9b9c60` | `oklch(67.82% 0.0816 109.72)` | Stem | black, 7.3 to 1 |
| 13 | `#9d9d5f` | `oklch(68.24% 0.0837 108.46)` | Garden of Earthly Delights | black, 7.4 to 1 |
| 14 | `#a09e5e` | `oklch(68.61% 0.0858 107.03)` | Garden of Earthly Delights | black, 7.5 to 1 |
| 15 | `#a39f5c` | `oklch(68.94% 0.0878 105.41)` | Garden of Earthly Delights | black, 7.6 to 1 |
| 16 | `#a59f5b` | `oklch(69.20% 0.0897 103.58)` | Mediaeval Sulphur | black, 7.7 to 1 |
| 17 | `#a89f59` | `oklch(69.39% 0.0916 101.52)` | Mediaeval Sulphur | black, 7.7 to 1 |
| 18 | `#ab9e57` | `oklch(69.49% 0.0934 99.21)` | Organic Matter | black, 7.7 to 1 |
| 19 | `#ae9d55` | `oklch(69.50% 0.0950 96.62)` | Organic Matter | black, 7.7 to 1 |
| 20 | `#b09c53` | `oklch(69.40% 0.0965 93.74)` | Spanish Gold | black, 7.7 to 1 |
| 21 | `#b39950` | `oklch(69.18% 0.0977 90.55)` | Viva Las Vegas | black, 7.6 to 1 |
| 22 | `#b5974e` | `oklch(68.83% 0.0988 87.01)` | Outdoorsy | black, 7.4 to 1 |
| 23 | `#b7944c` | `oklch(68.35% 0.0997 83.12)` | Alluvial Inca | black, 7.3 to 1 |
| 24 | `#b9904a` | `oklch(67.70% 0.1004 78.85)` | Bugle Boy | black, 7.1 to 1 |
| 25 | `#ba8b49` | `oklch(66.89% 0.1008 74.12)` | Antiquarian Gold | black, 6.8 to 1 |
| 26 | `#ba8649` | `oklch(65.86% 0.1009 68.67)` | Funchal Yellow | black, 6.5 to 1 |
| 27 | `#ba8049` | `oklch(64.62% 0.1008 62.52)` | Arrakis Spice | black, 6.2 to 1 |
| 28 | `#b8794b` | `oklch(63.20% 0.1006 55.74)` | Palomino | black, 5.8 to 1 |
| 29 | `#b6724d` | `oklch(61.60% 0.1001 48.40)` | Outlawed Orange | black, 5.4 to 1 |
| 30 | `#b26a50` | `oklch(59.86% 0.0995 40.57)` | Amber Brown | black, 5 to 1 |
| 31 | `#ad6354` | `oklch(57.99% 0.0988 32.33)` | Aragon | black, 4.6 to 1 |
| 32 | `#a65c58` | `oklch(56.02% 0.0979 23.75)` | Cheek Red | white, 4.8 to 1 |
| 33 | `#9f555c` | `oklch(53.95% 0.0970 14.90)` | Cuban Rhythm | white, 5.3 to 1 |
| 34 | `#964f60` | `oklch(51.82% 0.0959 5.85)` | Vin Rouge | white, 5.8 to 1 |
| 35 | `#8c4a63` | `oklch(49.64% 0.0948 356.68)` | Violet Quartz | white, 6.4 to 1 |
| 36 | `#824566` | `oklch(47.43% 0.0936 347.45)` | Vivacious Violet | white, 7 to 1 |
| 37 | `#764067` | `oklch(45.21% 0.0923 338.25)` | Burnt Orchid | white, 7.7 to 1 |
| 38 | `#6b3c68` | `oklch(43.01% 0.0911 329.14)` | Berry Light | white, 8.5 to 1 |
| 39 | `#5f3868` | `oklch(40.83% 0.0898 320.19)` | Purple Splendour | white, 9.3 to 1 |
| 40 | `#543566` | `oklch(38.71% 0.0886 311.48)` | Damson Mauve | white, 10.1 to 1 |
| 41 | `#483264` | `oklch(36.66% 0.0874 303.08)` | Petunia | white, 10.9 to 1 |
| 42 | `#3e2f61` | `oklch(34.70% 0.0862 295.07)` | Jakarta Skyline | white, 11.8 to 1 |
| 43 | `#332c5e` | `oklch(32.85% 0.0851 287.50)` | Galaxea | white, 12.6 to 1 |
| 44 | `#2a2a5a` | `oklch(31.14% 0.0841 280.46)` | Deep Sea Base | white, 13.3 to 1 |
| 45 | `#212756` | `oklch(29.57% 0.0832 274.03)` | Ultramarine Violet | white, 14 to 1 |
| 46 | `#182551` | `oklch(28.18% 0.0824 268.26)` | Space Cadet | white, 14.6 to 1 |
| 47 | `#10244e` | `oklch(26.98% 0.0818 263.23)` | Dark Soul | white, 15.2 to 1 |
| 48 | `#08224a` | `oklch(25.98% 0.0813 259.02)` | Oxford Blue | white, 15.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #879165 0.0%, #889265 2.1%, #899264 4.3%, #8b9364 6.4%, #8c9463 8.5%, #8e9563 10.6%, #909663 12.8%, #929762 14.9%, #949962 17.0%, #969a61 19.1%, #989b61 21.3%, #9b9c60 23.4%, #9d9d5f 25.5%, #a09e5e 27.7%, #a39f5c 29.8%, #a59f5b 31.9%, #a89f59 34.0%, #ab9e57 36.2%, #ae9d55 38.3%, #b09c53 40.4%, #b39950 42.6%, #b5974e 44.7%, #b7944c 46.8%, #b9904a 48.9%, #ba8b49 51.1%, #ba8649 53.2%, #ba8049 55.3%, #b8794b 57.4%, #b6724d 59.6%, #b26a50 61.7%, #ad6354 63.8%, #a65c58 66.0%, #9f555c 68.1%, #964f60 70.2%, #8c4a63 72.3%, #824566 74.5%, #764067 76.6%, #6b3c68 78.7%, #5f3868 80.9%, #543566 83.0%, #483264 85.1%, #3e2f61 87.2%, #332c5e 89.4%, #2a2a5a 91.5%, #212756 93.6%, #182551 95.7%, #10244e 97.9%, #08224a 100.0%);
background: linear-gradient(45deg in oklch, oklch(63.78% 0.0634 118.83) 0.0%, oklch(63.90% 0.0643 117.97) 2.1%, oklch(64.10% 0.0654 117.18) 4.3%, oklch(64.38% 0.0667 116.45) 6.4%, oklch(64.71% 0.0682 115.74) 8.5%, oklch(65.10% 0.0699 115.03) 10.6%, oklch(65.52% 0.0716 114.31) 12.8%, oklch(65.97% 0.0735 113.55) 14.9%, oklch(66.44% 0.0755 112.74) 17.0%, oklch(66.91% 0.0775 111.84) 19.1%, oklch(67.37% 0.0795 110.84) 21.3%, oklch(67.82% 0.0816 109.72) 23.4%, oklch(68.24% 0.0837 108.46) 25.5%, oklch(68.61% 0.0858 107.03) 27.7%, oklch(68.94% 0.0878 105.41) 29.8%, oklch(69.20% 0.0897 103.58) 31.9%, oklch(69.39% 0.0916 101.52) 34.0%, oklch(69.49% 0.0934 99.21) 36.2%, oklch(69.50% 0.0950 96.62) 38.3%, oklch(69.40% 0.0965 93.74) 40.4%, oklch(69.18% 0.0977 90.55) 42.6%, oklch(68.83% 0.0988 87.01) 44.7%, oklch(68.35% 0.0997 83.12) 46.8%, oklch(67.70% 0.1004 78.85) 48.9%, oklch(66.89% 0.1008 74.12) 51.1%, oklch(65.86% 0.1009 68.67) 53.2%, oklch(64.62% 0.1008 62.52) 55.3%, oklch(63.20% 0.1006 55.74) 57.4%, oklch(61.60% 0.1001 48.40) 59.6%, oklch(59.86% 0.0995 40.57) 61.7%, oklch(57.99% 0.0988 32.33) 63.8%, oklch(56.02% 0.0979 23.75) 66.0%, oklch(53.95% 0.0970 14.90) 68.1%, oklch(51.82% 0.0959 5.85) 70.2%, oklch(49.64% 0.0948 356.68) 72.3%, oklch(47.43% 0.0936 347.45) 74.5%, oklch(45.21% 0.0923 338.25) 76.6%, oklch(43.01% 0.0911 329.14) 78.7%, oklch(40.83% 0.0898 320.19) 80.9%, oklch(38.71% 0.0886 311.48) 83.0%, oklch(36.66% 0.0874 303.08) 85.1%, oklch(34.70% 0.0862 295.07) 87.2%, oklch(32.85% 0.0851 287.50) 89.4%, oklch(31.14% 0.0841 280.46) 91.5%, oklch(29.57% 0.0832 274.03) 93.6%, oklch(28.18% 0.0824 268.26) 95.7%, oklch(26.98% 0.0818 263.23) 97.9%, oklch(25.98% 0.0813 259.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.063 | 118.8 |
| 2 | 0.673 | 0.101 | 76.6 |
| 3 | 0.26 | 0.081 | -101 |

## In these collections

- [Elevation gradients](https://grabient.com/elevation-gradients)

## Other forms

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