# Blue lime luminous horizon

Navy, yellow and light green linear gradient with 8 colors: #083568, #0067d1, #2c96d2, #6fbe73, #abe200, #d5fa1d, #eaff6f, #e7fece. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, yellow and light green linear gradient
- Seed: `kcVEm1w0XAFGvPfdMDTa089nXOP15wr-exjBQ`
- Page: https://grabient.com/kcVEm1w0XAFGvPfdMDTa089nXOP15wr-exjBQ?steps=8&angle=180
- Drawn as: linear gradient, 8 steps, 180 degrees
- Kinds: dark to light, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 11.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 | `#083568` | `oklch(33.07% 0.1006 255.23)` | Funnel Cloud | white, 12.2 to 1 |
| 2 | `#0067d1` | `oklch(52.76% 0.1823 256.31)` | Royal Navy Blue | white, 5.4 to 1 |
| 3 | `#2c96d2` | `oklch(64.17% 0.1295 239.38)` | Boyzone | black, 6.3 to 1 |
| 4 | `#6fbe73` | `oklch(73.23% 0.1323 145.33)` | Dublin | black, 9.3 to 1 |
| 5 | `#abe200` | `oklch(84.25% 0.2124 125.26)` | Akhdhar Green | black, 13.5 to 1 |
| 6 | `#d5fa1d` | `oklch(92.52% 0.2150 119.97)` | Lime Yellow | black, 17.4 to 1 |
| 7 | `#eaff6f` | `oklch(95.67% 0.1694 116.80)` | Lemon Pie | black, 19 to 1 |
| 8 | `#e7fece` | `oklch(96.85% 0.0675 128.42)` | Snowdrop | black, 19.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #083568 0.0%, #0067d1 14.3%, #2c96d2 28.6%, #6fbe73 42.9%, #abe200 57.1%, #d5fa1d 71.4%, #eaff6f 85.7%, #e7fece 100.0%);
background: linear-gradient(180deg in oklch, oklch(33.07% 0.1006 255.23) 0.0%, oklch(52.76% 0.1823 256.31) 14.3%, oklch(64.17% 0.1295 239.38) 28.6%, oklch(73.23% 0.1323 145.33) 42.9%, oklch(84.25% 0.2124 125.26) 57.1%, oklch(92.52% 0.2150 119.97) 71.4%, oklch(95.67% 0.1694 116.80) 85.7%, oklch(96.85% 0.0675 128.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.101 | 255.2 |
| 2 | 0.528 | 0.192 | 256.3 |
| 3 | 0.642 | 0.13 | 239.4 |
| 4 | 0.732 | 0.132 | 145.3 |
| 5 | 0.843 | 0.218 | 125.3 |
| 6 | 0.925 | 0.215 | 120 |
| 7 | 0.957 | 0.183 | 116.8 |
| 8 | 0.969 | 0.068 | 128.4 |

## In these collections

- [Yellow and blue gradients](https://grabient.com/yellow-and-blue-gradients)

## Other forms

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