# Soft blue olive gradient

Blue, green and olive linear gradient with 64 colors: #4ba4d3, #42a4cd, #37a4c4, #2ca3b9, #24a2ab, #26a09c, #319c8b, #3f987a, #4d9369, #5a8c5a, #65864d, #6d8042, #737a3a, #777534, #797131, #7a6e2f, #796c2e, #766c2e, #716e2f, #6a7033, #617339, #557642, #47794e, #387c5b, #267e69, #147f77, #077f84, #0d7f8f, #1b7e98, #267e9f, #2e7ea5, #317ea8, #3080aa, #2882aa, #1786a8, #008aa2, #008e99, #00918e, #009581, #27986f, #49985c, #659647, #7d9332, #928e1d, #a38a0a, #b18605, #bb830f, #c28219, #c7821f, #ca8323, #cb8524, #cb8924, #ca8d24, #c89224, #c49726, #bf9d2a, #baa230, #b3a839, #acad42, #a4b24c, #9db655, #97b95d, #92bc64, #8ebe69. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Blue, green and olive linear gradient
- Seed: `kWrk-mw56v0gkUFTsKx3y3HI`
- Page: https://grabient.com/kWrk-mw56v0gkUFTsKx3y3HI?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.4 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 | `#4ba4d3` | `oklch(68.50% 0.1089 234.14)` | Blue Tango | black, 7.5 to 1 |
| 2 | `#42a4cd` | `oklch(67.92% 0.1079 228.76)` | Sea Ridge | black, 7.4 to 1 |
| 3 | `#37a4c4` | `oklch(67.16% 0.1066 221.49)` | Blue Raspberry Seed | black, 7.2 to 1 |
| 4 | `#2ca3b9` | `oklch(66.26% 0.1051 212.65)` | Jamaican Sea | black, 7 to 1 |
| 5 | `#24a2ab` | `oklch(65.23% 0.1034 202.54)` | Cancer Seagreen Scarab | black, 6.8 to 1 |
| 6 | `#26a09c` | `oklch(64.11% 0.1014 191.49)` | Talismanic Teal | black, 6.5 to 1 |
| 7 | `#319c8b` | `oklch(62.93% 0.0994 179.82)` | Temple Guard Blue | black, 6.2 to 1 |
| 8 | `#3f987a` | `oklch(61.70% 0.0973 167.83)` | Greenway | black, 5.9 to 1 |
| 9 | `#4d9369` | `oklch(60.45% 0.0952 155.84)` | Illuminati Green | black, 5.6 to 1 |
| 10 | `#5a8c5a` | `oklch(59.21% 0.0932 144.17)` | Hippie Green | black, 5.3 to 1 |
| 11 | `#65864d` | `oklch(58.01% 0.0912 133.14)` | Homegrown | black, 5 to 1 |
| 12 | `#6d8042` | `oklch(56.88% 0.0894 123.05)` | Moss Landing | black, 4.7 to 1 |
| 13 | `#737a3a` | `oklch(55.83% 0.0877 114.23)` | Hot Dog Relish | white, 4.6 to 1 |
| 14 | `#777534` | `oklch(54.90% 0.0863 107.00)` | Crocodile Style | white, 4.8 to 1 |
| 15 | `#797131` | `oklch(54.11% 0.0852 101.65)` | Wood Garlic | white, 4.9 to 1 |
| 16 | `#7a6e2f` | `oklch(53.49% 0.0844 98.52)` | Garden Weed | white, 5.1 to 1 |
| 17 | `#796c2e` | `oklch(53.06% 0.0840 97.94)` | Garden Weed | white, 5.2 to 1 |
| 18 | `#766c2e` | `oklch(52.78% 0.0839 100.44)` | Tuscan Hills | white, 5.2 to 1 |
| 19 | `#716e2f` | `oklch(52.62% 0.0840 105.83)` | Aged Mustard Green | white, 5.3 to 1 |
| 20 | `#6a7033` | `oklch(52.56% 0.0843 113.65)` | Aged Mustard Green | white, 5.2 to 1 |
| 21 | `#617339` | `oklch(52.60% 0.0848 123.47)` | Majestic Jungle | white, 5.2 to 1 |
| 22 | `#557642` | `oklch(52.73% 0.0854 134.85)` | Mana Tree | white, 5.1 to 1 |
| 23 | `#47794e` | `oklch(52.93% 0.0863 147.32)` | Rokushō Green | white, 5 to 1 |
| 24 | `#387c5b` | `oklch(53.20% 0.0873 160.47)` | Amazon | white, 5 to 1 |
| 25 | `#267e69` | `oklch(53.52% 0.0884 173.83)` | Green Fingers | white, 4.9 to 1 |
| 26 | `#147f77` | `oklch(53.89% 0.0896 186.97)` | Coelia Greenshade | white, 4.8 to 1 |
| 27 | `#077f84` | `oklch(54.30% 0.0909 199.44)` | Go Alpha | white, 4.7 to 1 |
| 28 | `#0d7f8f` | `oklch(54.73% 0.0923 210.80)` | Briny | white, 4.7 to 1 |
| 29 | `#1b7e98` | `oklch(55.17% 0.0938 220.60)` | Pacific Pleasure | white, 4.6 to 1 |
| 30 | `#267e9f` | `oklch(55.62% 0.0953 228.40)` | Summer Blue | white, 4.6 to 1 |
| 31 | `#2e7ea5` | `oklch(56.06% 0.0969 233.76)` | Prominent Blue | black, 4.6 to 1 |
| 32 | `#317ea8` | `oklch(56.49% 0.0984 236.24)` | Prominent Blue | black, 4.6 to 1 |
| 33 | `#3080aa` | `oklch(56.90% 0.1000 235.42)` | Blue Bird Day | black, 4.7 to 1 |
| 34 | `#2882aa` | `oklch(57.34% 0.1019 231.45)` | Blue Paisley | black, 4.8 to 1 |
| 35 | `#1786a8` | `oklch(57.82% 0.1040 224.73)` | Hacienda Blue | black, 5 to 1 |
| 36 | `#008aa2` | `oklch(58.34% 0.1034 215.67)` | Teal Blue | black, 5.1 to 1 |
| 37 | `#008e99` | `oklch(58.88% 0.1005 204.67)` | Coral Coast | black, 5.3 to 1 |
| 38 | `#00918e` | `oklch(59.45% 0.1020 192.14)` | Supermint | black, 5.4 to 1 |
| 39 | `#009581` | `oklch(60.04% 0.1101 178.49)` | Aqua Waters | black, 5.6 to 1 |
| 40 | `#27986f` | `oklch(60.64% 0.1169 164.14)` | Rainforest | black, 5.7 to 1 |
| 41 | `#49985c` | `oklch(61.26% 0.1196 149.47)` | Alpine Herbs | black, 5.9 to 1 |
| 42 | `#659647` | `oklch(61.89% 0.1222 134.90)` | Bitter Leaf | black, 5.9 to 1 |
| 43 | `#7d9332` | `oklch(62.53% 0.1246 120.83)` | Siskin Sprout | black, 6 to 1 |
| 44 | `#928e1d` | `oklch(63.16% 0.1269 107.68)` | Smoothie Green | black, 6.1 to 1 |
| 45 | `#a38a0a` | `oklch(63.79% 0.1290 95.85)` | Golden Palm | black, 6.2 to 1 |
| 46 | `#b18605` | `oklch(64.41% 0.1308 85.74)` | Arrowwood | black, 6.2 to 1 |
| 47 | `#bb830f` | `oklch(65.01% 0.1323 77.76)` | Yellow Gold | black, 6.3 to 1 |
| 48 | `#c28219` | `oklch(65.60% 0.1334 72.32)` | Turmeric Brown | black, 6.4 to 1 |
| 49 | `#c7821f` | `oklch(66.19% 0.1342 69.50)` | Geebung | black, 6.6 to 1 |
| 50 | `#ca8323` | `oklch(66.80% 0.1346 68.62)` | Yam | black, 6.7 to 1 |
| 51 | `#cb8524` | `oklch(67.44% 0.1347 69.42)` | Harvest at Dusk | black, 6.9 to 1 |
| 52 | `#cb8924` | `oklch(68.10% 0.1345 71.69)` | Chicken Masala | black, 7.1 to 1 |
| 53 | `#ca8d24` | `oklch(68.77% 0.1340 75.20)` | End of Summer | black, 7.3 to 1 |
| 54 | `#c89224` | `oklch(69.44% 0.1334 79.73)` | End of Summer | black, 7.5 to 1 |
| 55 | `#c49726` | `oklch(70.10% 0.1327 85.06)` | Tawny Olive | black, 7.8 to 1 |
| 56 | `#bf9d2a` | `oklch(70.76% 0.1318 90.97)` | Buddha Gold | black, 8 to 1 |
| 57 | `#baa230` | `oklch(71.40% 0.1308 97.25)` | Grassy Ochre | black, 8.3 to 1 |
| 58 | `#b3a839` | `oklch(72.01% 0.1299 103.66)` | Brass | black, 8.5 to 1 |
| 59 | `#acad42` | `oklch(72.60% 0.1289 109.99)` | Sphagnales Moss | black, 8.8 to 1 |
| 60 | `#a4b24c` | `oklch(73.14% 0.1279 116.02)` | Elysian Green | black, 9 to 1 |
| 61 | `#9db655` | `oklch(73.64% 0.1271 121.52)` | Clematis Green | black, 9.2 to 1 |
| 62 | `#97b95d` | `oklch(74.09% 0.1263 126.28)` | Happy Tune | black, 9.4 to 1 |
| 63 | `#92bc64` | `oklch(74.48% 0.1258 130.08)` | Green Pepper | black, 9.6 to 1 |
| 64 | `#8ebe69` | `oklch(74.80% 0.1254 132.69)` | Laudable Lime | black, 9.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4ba4d3 0.0%, #42a4cd 1.6%, #37a4c4 3.2%, #2ca3b9 4.8%, #24a2ab 6.3%, #26a09c 7.9%, #319c8b 9.5%, #3f987a 11.1%, #4d9369 12.7%, #5a8c5a 14.3%, #65864d 15.9%, #6d8042 17.5%, #737a3a 19.0%, #777534 20.6%, #797131 22.2%, #7a6e2f 23.8%, #796c2e 25.4%, #766c2e 27.0%, #716e2f 28.6%, #6a7033 30.2%, #617339 31.7%, #557642 33.3%, #47794e 34.9%, #387c5b 36.5%, #267e69 38.1%, #147f77 39.7%, #077f84 41.3%, #0d7f8f 42.9%, #1b7e98 44.4%, #267e9f 46.0%, #2e7ea5 47.6%, #317ea8 49.2%, #3080aa 50.8%, #2882aa 52.4%, #1786a8 54.0%, #008aa2 55.6%, #008e99 57.1%, #00918e 58.7%, #009581 60.3%, #27986f 61.9%, #49985c 63.5%, #659647 65.1%, #7d9332 66.7%, #928e1d 68.3%, #a38a0a 69.8%, #b18605 71.4%, #bb830f 73.0%, #c28219 74.6%, #c7821f 76.2%, #ca8323 77.8%, #cb8524 79.4%, #cb8924 81.0%, #ca8d24 82.5%, #c89224 84.1%, #c49726 85.7%, #bf9d2a 87.3%, #baa230 88.9%, #b3a839 90.5%, #acad42 92.1%, #a4b24c 93.7%, #9db655 95.2%, #97b95d 96.8%, #92bc64 98.4%, #8ebe69 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.50% 0.1089 234.14) 0.0%, oklch(67.92% 0.1079 228.76) 1.6%, oklch(67.16% 0.1066 221.49) 3.2%, oklch(66.26% 0.1051 212.65) 4.8%, oklch(65.23% 0.1034 202.54) 6.3%, oklch(64.11% 0.1014 191.49) 7.9%, oklch(62.93% 0.0994 179.82) 9.5%, oklch(61.70% 0.0973 167.83) 11.1%, oklch(60.45% 0.0952 155.84) 12.7%, oklch(59.21% 0.0932 144.17) 14.3%, oklch(58.01% 0.0912 133.14) 15.9%, oklch(56.88% 0.0894 123.05) 17.5%, oklch(55.83% 0.0877 114.23) 19.0%, oklch(54.90% 0.0863 107.00) 20.6%, oklch(54.11% 0.0852 101.65) 22.2%, oklch(53.49% 0.0844 98.52) 23.8%, oklch(53.06% 0.0840 97.94) 25.4%, oklch(52.78% 0.0839 100.44) 27.0%, oklch(52.62% 0.0840 105.83) 28.6%, oklch(52.56% 0.0843 113.65) 30.2%, oklch(52.60% 0.0848 123.47) 31.7%, oklch(52.73% 0.0854 134.85) 33.3%, oklch(52.93% 0.0863 147.32) 34.9%, oklch(53.20% 0.0873 160.47) 36.5%, oklch(53.52% 0.0884 173.83) 38.1%, oklch(53.89% 0.0896 186.97) 39.7%, oklch(54.30% 0.0909 199.44) 41.3%, oklch(54.73% 0.0923 210.80) 42.9%, oklch(55.17% 0.0938 220.60) 44.4%, oklch(55.62% 0.0953 228.40) 46.0%, oklch(56.06% 0.0969 233.76) 47.6%, oklch(56.49% 0.0984 236.24) 49.2%, oklch(56.90% 0.1000 235.42) 50.8%, oklch(57.34% 0.1019 231.45) 52.4%, oklch(57.82% 0.1040 224.73) 54.0%, oklch(58.34% 0.1034 215.67) 55.6%, oklch(58.88% 0.1005 204.67) 57.1%, oklch(59.45% 0.1020 192.14) 58.7%, oklch(60.04% 0.1101 178.49) 60.3%, oklch(60.64% 0.1169 164.14) 61.9%, oklch(61.26% 0.1196 149.47) 63.5%, oklch(61.89% 0.1222 134.90) 65.1%, oklch(62.53% 0.1246 120.83) 66.7%, oklch(63.16% 0.1269 107.68) 68.3%, oklch(63.79% 0.1290 95.85) 69.8%, oklch(64.41% 0.1308 85.74) 71.4%, oklch(65.01% 0.1323 77.76) 73.0%, oklch(65.60% 0.1334 72.32) 74.6%, oklch(66.19% 0.1342 69.50) 76.2%, oklch(66.80% 0.1346 68.62) 77.8%, oklch(67.44% 0.1347 69.42) 79.4%, oklch(68.10% 0.1345 71.69) 81.0%, oklch(68.77% 0.1340 75.20) 82.5%, oklch(69.44% 0.1334 79.73) 84.1%, oklch(70.10% 0.1327 85.06) 85.7%, oklch(70.76% 0.1318 90.97) 87.3%, oklch(71.40% 0.1308 97.25) 88.9%, oklch(72.01% 0.1299 103.66) 90.5%, oklch(72.60% 0.1289 109.99) 92.1%, oklch(73.14% 0.1279 116.02) 93.7%, oklch(73.64% 0.1271 121.52) 95.2%, oklch(74.09% 0.1263 126.28) 96.8%, oklch(74.48% 0.1258 130.08) 98.4%, oklch(74.80% 0.1254 132.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.109 | 234.1 |
| 2 | 0.531 | 0.084 | 97.8 |
| 3 | 0.567 | 0.099 | 236.3 |
| 4 | 0.657 | 0.134 | 71.4 |
| 5 | 0.748 | 0.125 | 132.7 |

## In these collections

- [School uniform](https://grabient.com/school-uniform)

## Other forms

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