# Green gold sky beam

Navy, green, olive and tan linear gradient with 48 colors: #0d2340, #102f49, #193f55, #275262, #3c6970, #56807f, #73988f, #92b0a0, #b1c6b1, #ccdac3, #e4ebd2, #f5f8de, #fffff3, #ffffff, #ffffff, #fdffda, #f3faca, #e4f2bd, #d1eab1, #bce1a6, #a6d99d, #91d095, #7fc98e, #73c288, #6dbe81, #6eb979, #72b470, #78ae66, #80a95c, #88a354, #909e4d, #979949, #9d9547, #a29147, #a68e48, #aa8c4a, #ad8b4b, #b18b4e, #b58c51, #ba8e54, #bf9058, #c4935c, #c9965f, #ce9963, #d39b67, #d79e6a, #dba06c, #dea16f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, green, olive and tan linear gradient
- Seed: `kWQS22fg0ud4qxRTIbgYCO9A`
- Page: https://grabient.com/kWQS22fg0ud4qxRTIbgYCO9A?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 15.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 | `#0d2340` | `oklch(25.59% 0.0620 255.94)` | Dark Eclipse | white, 15.7 to 1 |
| 2 | `#102f49` | `oklch(29.56% 0.0604 247.98)` | Crow Black Blue | white, 13.8 to 1 |
| 3 | `#193f55` | `oklch(35.00% 0.0578 237.13)` | Capital Blue | white, 11.1 to 1 |
| 4 | `#275262` | `oklch(41.57% 0.0546 224.00)` | Blue Bayberry | white, 8.4 to 1 |
| 5 | `#3c6970` | `oklch(48.98% 0.0509 209.22)` | Aquarium | white, 6.1 to 1 |
| 6 | `#56807f` | `oklch(56.89% 0.0471 193.42)` | Nickel Ore Green | black, 4.7 to 1 |
| 7 | `#73988f` | `oklch(64.99% 0.0434 177.23)` | Yucca | black, 6.6 to 1 |
| 8 | `#92b0a0` | `oklch(72.96% 0.0400 161.28)` | Burma Jade | black, 8.9 to 1 |
| 9 | `#b1c6b1` | `oklch(80.47% 0.0371 146.19)` | Zanah | black, 11.5 to 1 |
| 10 | `#ccdac3` | `oklch(87.22% 0.0351 132.59)` | Breakaway | black, 14.4 to 1 |
| 11 | `#e4ebd2` | `oklch(92.88% 0.0342 121.11)` | Misted Fern | black, 17.1 to 1 |
| 12 | `#f5f8de` | `oklch(97.14% 0.0345 112.37)` | Chilean Heath | black, 19.4 to 1 |
| 13 | `#fffff3` | `oklch(99.68% 0.0154 106.95)` | Milk | black, 20.8 to 1 |
| 14 | `#ffffff` | `oklch(100.00% 0.0001 106.40)` | White | black, 20.9 to 1 |
| 15 | `#ffffff` | `oklch(100.00% 0.0001 106.40)` | White | black, 20.9 to 1 |
| 16 | `#fdffda` | `oklch(98.94% 0.0484 109.16)` | Sun City | black, 20.5 to 1 |
| 17 | `#f3faca` | `oklch(96.69% 0.0617 114.16)` | Carla | black, 19.2 to 1 |
| 18 | `#e4f2bd` | `oklch(93.80% 0.0707 120.34)` | Envious Pastel | black, 17.7 to 1 |
| 19 | `#d1eab1` | `oklch(90.47% 0.0798 127.17)` | Imbued With Mint | black, 16.1 to 1 |
| 20 | `#bce1a6` | `oklch(86.93% 0.0889 134.08)` | Cactus Spike | black, 14.5 to 1 |
| 21 | `#a6d99d` | `oklch(83.39% 0.0974 140.52)` | Cool Aloe | black, 13 to 1 |
| 22 | `#91d095` | `oklch(80.05% 0.1049 145.94)` | Fennel | black, 11.6 to 1 |
| 23 | `#7fc98e` | `oklch(77.13% 0.1111 149.77)` | Jolt of Green | black, 10.6 to 1 |
| 24 | `#73c288` | `oklch(74.85% 0.1156 151.45)` | Clover Mist | black, 9.8 to 1 |
| 25 | `#6dbe81` | `oklch(73.31% 0.1181 150.59)` | Young Fern | black, 9.3 to 1 |
| 26 | `#6eb979` | `oklch(71.97% 0.1189 147.86)` | Green Galore | black, 8.8 to 1 |
| 27 | `#72b470` | `oklch(70.75% 0.1183 143.65)` | Appleton | black, 8.4 to 1 |
| 28 | `#78ae66` | `oklch(69.63% 0.1166 138.24)` | Alfalfa Bug | black, 8 to 1 |
| 29 | `#80a95c` | `oklch(68.64% 0.1140 131.92)` | Jealousy | black, 7.7 to 1 |
| 30 | `#88a354` | `oklch(67.77% 0.1108 124.97)` | Nasturtium Shoot | black, 7.4 to 1 |
| 31 | `#909e4d` | `oklch(67.02% 0.1072 117.67)` | Spinach Green | black, 7.1 to 1 |
| 32 | `#979949` | `oklch(66.40% 0.1035 110.30)` | Luau Green | black, 6.9 to 1 |
| 33 | `#9d9547` | `oklch(65.92% 0.0999 103.14)` | Lentil Sprout | black, 6.7 to 1 |
| 34 | `#a29147` | `oklch(65.59% 0.0967 96.48)` | Off the Grid | black, 6.6 to 1 |
| 35 | `#a68e48` | `oklch(65.39% 0.0942 90.59)` | Plaguelands Beige | black, 6.5 to 1 |
| 36 | `#aa8c4a` | `oklch(65.34% 0.0926 85.75)` | Golden Years | black, 6.5 to 1 |
| 37 | `#ad8b4b` | `oklch(65.50% 0.0918 81.96)` | Golden Years | black, 6.5 to 1 |
| 38 | `#b18b4e` | `oklch(65.96% 0.0916 78.61)` | Honey Mustard | black, 6.6 to 1 |
| 39 | `#b58c51` | `oklch(66.67% 0.0916 75.64)` | Breadstick | black, 6.8 to 1 |
| 40 | `#ba8e54` | `oklch(67.58% 0.0920 73.02)` | Summer Weasel | black, 7 to 1 |
| 41 | `#bf9058` | `oklch(68.63% 0.0926 70.70)` | Bosc Pear | black, 7.3 to 1 |
| 42 | `#c4935c` | `oklch(69.78% 0.0934 68.67)` | Mid Tan | black, 7.6 to 1 |
| 43 | `#c9965f` | `oklch(70.97% 0.0943 66.88)` | Burnt Pumpkin | black, 8 to 1 |
| 44 | `#ce9963` | `oklch(72.14% 0.0952 65.30)` | Butternut Tree | black, 8.3 to 1 |
| 45 | `#d39b67` | `oklch(73.24% 0.0961 63.90)` | Prayer Flag | black, 8.6 to 1 |
| 46 | `#d79e6a` | `oklch(74.22% 0.0969 62.64)` | Caramelo Dulce | black, 8.9 to 1 |
| 47 | `#dba06c` | `oklch(75.02% 0.0975 61.50)` | Western Sunrise | black, 9.2 to 1 |
| 48 | `#dea16f` | `oklch(75.59% 0.0978 60.44)` | Western Sunrise | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0d2340 0.0%, #102f49 2.1%, #193f55 4.3%, #275262 6.4%, #3c6970 8.5%, #56807f 10.6%, #73988f 12.8%, #92b0a0 14.9%, #b1c6b1 17.0%, #ccdac3 19.1%, #e4ebd2 21.3%, #f5f8de 23.4%, #fffff3 25.5%, #ffffff 27.7%, #ffffff 29.8%, #fdffda 31.9%, #f3faca 34.0%, #e4f2bd 36.2%, #d1eab1 38.3%, #bce1a6 40.4%, #a6d99d 42.6%, #91d095 44.7%, #7fc98e 46.8%, #73c288 48.9%, #6dbe81 51.1%, #6eb979 53.2%, #72b470 55.3%, #78ae66 57.4%, #80a95c 59.6%, #88a354 61.7%, #909e4d 63.8%, #979949 66.0%, #9d9547 68.1%, #a29147 70.2%, #a68e48 72.3%, #aa8c4a 74.5%, #ad8b4b 76.6%, #b18b4e 78.7%, #b58c51 80.9%, #ba8e54 83.0%, #bf9058 85.1%, #c4935c 87.2%, #c9965f 89.4%, #ce9963 91.5%, #d39b67 93.6%, #d79e6a 95.7%, #dba06c 97.9%, #dea16f 100.0%);
background: linear-gradient(135deg in oklch, oklch(25.59% 0.0620 255.94) 0.0%, oklch(29.56% 0.0604 247.98) 2.1%, oklch(35.00% 0.0578 237.13) 4.3%, oklch(41.57% 0.0546 224.00) 6.4%, oklch(48.98% 0.0509 209.22) 8.5%, oklch(56.89% 0.0471 193.42) 10.6%, oklch(64.99% 0.0434 177.23) 12.8%, oklch(72.96% 0.0400 161.28) 14.9%, oklch(80.47% 0.0371 146.19) 17.0%, oklch(87.22% 0.0351 132.59) 19.1%, oklch(92.88% 0.0342 121.11) 21.3%, oklch(97.14% 0.0345 112.37) 23.4%, oklch(99.68% 0.0154 106.95) 25.5%, oklch(100.00% 0.0001 106.40) 27.7%, oklch(100.00% 0.0001 106.40) 29.8%, oklch(98.94% 0.0484 109.16) 31.9%, oklch(96.69% 0.0617 114.16) 34.0%, oklch(93.80% 0.0707 120.34) 36.2%, oklch(90.47% 0.0798 127.17) 38.3%, oklch(86.93% 0.0889 134.08) 40.4%, oklch(83.39% 0.0974 140.52) 42.6%, oklch(80.05% 0.1049 145.94) 44.7%, oklch(77.13% 0.1111 149.77) 46.8%, oklch(74.85% 0.1156 151.45) 48.9%, oklch(73.31% 0.1181 150.59) 51.1%, oklch(71.97% 0.1189 147.86) 53.2%, oklch(70.75% 0.1183 143.65) 55.3%, oklch(69.63% 0.1166 138.24) 57.4%, oklch(68.64% 0.1140 131.92) 59.6%, oklch(67.77% 0.1108 124.97) 61.7%, oklch(67.02% 0.1072 117.67) 63.8%, oklch(66.40% 0.1035 110.30) 66.0%, oklch(65.92% 0.0999 103.14) 68.1%, oklch(65.59% 0.0967 96.48) 70.2%, oklch(65.39% 0.0942 90.59) 72.3%, oklch(65.34% 0.0926 85.75) 74.5%, oklch(65.50% 0.0918 81.96) 76.6%, oklch(65.96% 0.0916 78.61) 78.7%, oklch(66.67% 0.0916 75.64) 80.9%, oklch(67.58% 0.0920 73.02) 83.0%, oklch(68.63% 0.0926 70.70) 85.1%, oklch(69.78% 0.0934 68.67) 87.2%, oklch(70.97% 0.0943 66.88) 89.4%, oklch(72.14% 0.0952 65.30) 91.5%, oklch(73.24% 0.0961 63.90) 93.6%, oklch(74.22% 0.0969 62.64) 95.7%, oklch(75.02% 0.0975 61.50) 97.9%, oklch(75.59% 0.0978 60.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.062 | 255.9 |
| 2 | 0.992 | 0.036 | 108 |
| 3 | 0.74 | 0.117 | 151.3 |
| 4 | 0.654 | 0.092 | 84.7 |
| 5 | 0.756 | 0.098 | 60.4 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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