# Blue gold muted olive gradient

Blue, tan, olive and green linear gradient with 48 colors: #3f6e91, #407494, #417c98, #44859b, #498f9f, #519aa2, #5ca5a4, #6ab0a6, #78b9a7, #87c2a8, #95c9a8, #a2cfa9, #abd3a8, #b4d5a7, #bbd7a6, #c1d8a4, #c6d8a2, #cad79f, #cdd69d, #cfd49a, #d1d397, #d2d093, #d2ce90, #d1cc8d, #d0c989, #cdc685, #c9c280, #c3be7a, #bdb974, #b5b46e, #aeb068, #a6ab63, #9fa75e, #98a45a, #93a158, #8fa056, #8c9f56, #8b9f56, #8aa058, #8ba25b, #8ba45e, #8ca661, #8ea965, #8fac68, #91ae6c, #92b06f, #93b271, #94b373. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, tan, olive and green linear gradient
- Seed: `kWhDes6Jo0WmeOxVpMH3KLBA`
- Page: https://grabient.com/kWhDes6Jo0WmeOxVpMH3KLBA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, pastel, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#3f6e91` | `oklch(51.97% 0.0758 242.58)` | Big Sur Blue Jade | white, 5.4 to 1 |
| 2 | `#407494` | `oklch(53.57% 0.0755 237.53)` | Harbour Blue | white, 5 to 1 |
| 3 | `#417c98` | `oklch(55.71% 0.0751 230.92)` | Sea Swirl | white, 4.6 to 1 |
| 4 | `#44859b` | `oklch(58.28% 0.0747 223.06)` | Turquesa | black, 5 to 1 |
| 5 | `#498f9f` | `oklch(61.17% 0.0741 214.22)` | Winter Time | black, 5.7 to 1 |
| 6 | `#519aa2` | `oklch(64.28% 0.0735 204.69)` | Tropical Oasis | black, 6.5 to 1 |
| 7 | `#5ca5a4` | `oklch(67.48% 0.0730 194.76)` | Twilight Meadow | black, 7.3 to 1 |
| 8 | `#6ab0a6` | `oklch(70.67% 0.0724 184.72)` | Turquoise Fantasies | black, 8.3 to 1 |
| 9 | `#78b9a7` | `oklch(73.74% 0.0720 174.85)` | Sereni Teal | black, 9.3 to 1 |
| 10 | `#87c2a8` | `oklch(76.58% 0.0717 165.45)` | Gauss Blaster Green | black, 10.3 to 1 |
| 11 | `#95c9a8` | `oklch(79.07% 0.0715 156.79)` | Peppermint Spray | black, 11.2 to 1 |
| 12 | `#a2cfa9` | `oklch(81.12% 0.0715 149.16)` | Fescue | black, 11.9 to 1 |
| 13 | `#abd3a8` | `oklch(82.60% 0.0717 142.83)` | Garden Room | black, 12.5 to 1 |
| 14 | `#b4d5a7` | `oklch(83.71% 0.0721 137.20)` | Apple Cream | black, 13 to 1 |
| 15 | `#bbd7a6` | `oklch(84.53% 0.0727 131.98)` | Apple Cream | black, 13.3 to 1 |
| 16 | `#c1d8a4` | `oklch(85.10% 0.0734 127.16)` | Winter Willow Green | black, 13.5 to 1 |
| 17 | `#c6d8a2` | `oklch(85.43% 0.0742 122.76)` | Cucumber Ice | black, 13.7 to 1 |
| 18 | `#cad79f` | `oklch(85.57% 0.0752 118.78)` | Cucumber Ice | black, 13.7 to 1 |
| 19 | `#cdd69d` | `oklch(85.52% 0.0762 115.20)` | Cucumber Ice | black, 13.7 to 1 |
| 20 | `#cfd49a` | `oklch(85.31% 0.0773 112.05)` | Misty Bead | black, 13.5 to 1 |
| 21 | `#d1d397` | `oklch(84.97% 0.0784 109.32)` | Guacamole Ambrosia | black, 13.4 to 1 |
| 22 | `#d2d093` | `oklch(84.52% 0.0796 107.01)` | Lemon Fennel | black, 13.2 to 1 |
| 23 | `#d2ce90` | `oklch(83.98% 0.0808 105.12)` | Corn Husk Green | black, 12.9 to 1 |
| 24 | `#d1cc8d` | `oklch(83.39% 0.0821 103.66)` | Royal Goblet | black, 12.7 to 1 |
| 25 | `#d0c989` | `oklch(82.70% 0.0833 102.68)` | Green Apple Martini | black, 12.4 to 1 |
| 26 | `#cdc685` | `oklch(81.71% 0.0848 102.47)` | Tyrant Skull | black, 12 to 1 |
| 27 | `#c9c280` | `oklch(80.43% 0.0865 102.98)` | Fiddlehead Fern | black, 11.5 to 1 |
| 28 | `#c3be7a` | `oklch(78.93% 0.0882 104.09)` | Pine Glade | black, 10.9 to 1 |
| 29 | `#bdb974` | `oklch(77.28% 0.0901 105.66)` | Liminal Yellow | black, 10.3 to 1 |
| 30 | `#b5b46e` | `oklch(75.56% 0.0920 107.58)` | Rodham | black, 9.7 to 1 |
| 31 | `#aeb068` | `oklch(73.82% 0.0938 109.74)` | Rodham | black, 9.1 to 1 |
| 32 | `#a6ab63` | `oklch(72.14% 0.0955 112.00)` | Organic Garden | black, 8.6 to 1 |
| 33 | `#9fa75e` | `oklch(70.60% 0.0971 114.25)` | Green Smoke | black, 8.1 to 1 |
| 34 | `#98a45a` | `oklch(69.25% 0.0985 116.36)` | Overt Green | black, 7.8 to 1 |
| 35 | `#93a158` | `oklch(68.18% 0.0996 118.22)` | Zesty Apple | black, 7.5 to 1 |
| 36 | `#8fa056` | `oklch(67.44% 0.1004 119.70)` | Yanagizome Green | black, 7.3 to 1 |
| 37 | `#8c9f56` | `oklch(67.09% 0.1009 120.83)` | Yanagizome Green | black, 7.2 to 1 |
| 38 | `#8b9f56` | `oklch(67.05% 0.1010 121.90)` | Yanagizome Green | black, 7.2 to 1 |
| 39 | `#8aa058` | `oklch(67.27% 0.1008 122.93)` | Yanagizome Green | black, 7.2 to 1 |
| 40 | `#8ba25b` | `oklch(67.70% 0.1004 123.91)` | Zesty Apple | black, 7.4 to 1 |
| 41 | `#8ba45e` | `oklch(68.29% 0.0998 124.83)` | Zesty Apple | black, 7.5 to 1 |
| 42 | `#8ca661` | `oklch(69.00% 0.0991 125.70)` | Zesty Apple | black, 7.7 to 1 |
| 43 | `#8ea965` | `oklch(69.77% 0.0983 126.51)` | Celuce | black, 8 to 1 |
| 44 | `#8fac68` | `oklch(70.55% 0.0974 127.25)` | Celuce | black, 8.2 to 1 |
| 45 | `#91ae6c` | `oklch(71.30% 0.0967 127.93)` | Celuce | black, 8.4 to 1 |
| 46 | `#92b06f` | `oklch(71.96% 0.0960 128.53)` | Rural Eyes | black, 8.6 to 1 |
| 47 | `#93b271` | `oklch(72.49% 0.0954 129.06)` | Florence | black, 8.8 to 1 |
| 48 | `#94b373` | `oklch(72.83% 0.0951 129.51)` | Florence | black, 8.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3f6e91 0.0%, #407494 2.1%, #417c98 4.3%, #44859b 6.4%, #498f9f 8.5%, #519aa2 10.6%, #5ca5a4 12.8%, #6ab0a6 14.9%, #78b9a7 17.0%, #87c2a8 19.1%, #95c9a8 21.3%, #a2cfa9 23.4%, #abd3a8 25.5%, #b4d5a7 27.7%, #bbd7a6 29.8%, #c1d8a4 31.9%, #c6d8a2 34.0%, #cad79f 36.2%, #cdd69d 38.3%, #cfd49a 40.4%, #d1d397 42.6%, #d2d093 44.7%, #d2ce90 46.8%, #d1cc8d 48.9%, #d0c989 51.1%, #cdc685 53.2%, #c9c280 55.3%, #c3be7a 57.4%, #bdb974 59.6%, #b5b46e 61.7%, #aeb068 63.8%, #a6ab63 66.0%, #9fa75e 68.1%, #98a45a 70.2%, #93a158 72.3%, #8fa056 74.5%, #8c9f56 76.6%, #8b9f56 78.7%, #8aa058 80.9%, #8ba25b 83.0%, #8ba45e 85.1%, #8ca661 87.2%, #8ea965 89.4%, #8fac68 91.5%, #91ae6c 93.6%, #92b06f 95.7%, #93b271 97.9%, #94b373 100.0%);
background: linear-gradient(135deg in oklch, oklch(51.97% 0.0758 242.58) 0.0%, oklch(53.57% 0.0755 237.53) 2.1%, oklch(55.71% 0.0751 230.92) 4.3%, oklch(58.28% 0.0747 223.06) 6.4%, oklch(61.17% 0.0741 214.22) 8.5%, oklch(64.28% 0.0735 204.69) 10.6%, oklch(67.48% 0.0730 194.76) 12.8%, oklch(70.67% 0.0724 184.72) 14.9%, oklch(73.74% 0.0720 174.85) 17.0%, oklch(76.58% 0.0717 165.45) 19.1%, oklch(79.07% 0.0715 156.79) 21.3%, oklch(81.12% 0.0715 149.16) 23.4%, oklch(82.60% 0.0717 142.83) 25.5%, oklch(83.71% 0.0721 137.20) 27.7%, oklch(84.53% 0.0727 131.98) 29.8%, oklch(85.10% 0.0734 127.16) 31.9%, oklch(85.43% 0.0742 122.76) 34.0%, oklch(85.57% 0.0752 118.78) 36.2%, oklch(85.52% 0.0762 115.20) 38.3%, oklch(85.31% 0.0773 112.05) 40.4%, oklch(84.97% 0.0784 109.32) 42.6%, oklch(84.52% 0.0796 107.01) 44.7%, oklch(83.98% 0.0808 105.12) 46.8%, oklch(83.39% 0.0821 103.66) 48.9%, oklch(82.70% 0.0833 102.68) 51.1%, oklch(81.71% 0.0848 102.47) 53.2%, oklch(80.43% 0.0865 102.98) 55.3%, oklch(78.93% 0.0882 104.09) 57.4%, oklch(77.28% 0.0901 105.66) 59.6%, oklch(75.56% 0.0920 107.58) 61.7%, oklch(73.82% 0.0938 109.74) 63.8%, oklch(72.14% 0.0955 112.00) 66.0%, oklch(70.60% 0.0971 114.25) 68.1%, oklch(69.25% 0.0985 116.36) 70.2%, oklch(68.18% 0.0996 118.22) 72.3%, oklch(67.44% 0.1004 119.70) 74.5%, oklch(67.09% 0.1009 120.83) 76.6%, oklch(67.05% 0.1010 121.90) 78.7%, oklch(67.27% 0.1008 122.93) 80.9%, oklch(67.70% 0.1004 123.91) 83.0%, oklch(68.29% 0.0998 124.83) 85.1%, oklch(69.00% 0.0991 125.70) 87.2%, oklch(69.77% 0.0983 126.51) 89.4%, oklch(70.55% 0.0974 127.25) 91.5%, oklch(71.30% 0.0967 127.93) 93.6%, oklch(71.96% 0.0960 128.53) 95.7%, oklch(72.49% 0.0954 129.06) 97.9%, oklch(72.83% 0.0951 129.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.52 | 0.076 | 242.6 |
| 2 | 0.823 | 0.072 | 144.3 |
| 3 | 0.831 | 0.083 | 103.1 |
| 4 | 0.673 | 0.101 | 120 |
| 5 | 0.728 | 0.095 | 129.5 |

## In these collections

- [Alpine thaw](https://grabient.com/alpine-thaw)

## Other forms

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