# Lime polar arc gradient

Seamless tritone navy, teal and green linear gradient with 32 colors: #031028, #03152d, #031c33, #042539, #052e41, #083949, #0b4652, #0b535b, #046365, #00766f, #008d78, #00a77b, #31bf76, #5dd569, #83e657, #9ef145, #abf73d, #acfa45, #a4fa56, #94f76a, #7ef07c, #65e78b, #49db95, #29cd9b, #00ba9c, #00a097, #00848a, #006678, #004b63, #003350, #04203c, #04132d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless tritone navy, teal and green linear gradient
- Seed: `kWLSe4uBq4_DPN7etMRmJTKo`
- Page: https://grabient.com/kWLSe4uBq4_DPN7etMRmJTKo?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, cool, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 14.8 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 | `#031028` | `oklch(17.72% 0.0537 259.45)` | Void | white, 18.9 to 1 |
| 2 | `#03152d` | `oklch(19.70% 0.0544 254.79)` | Squid’s Ink | white, 18.2 to 1 |
| 3 | `#031c33` | `oklch(22.20% 0.0543 248.65)` | Cyanophobia | white, 17.2 to 1 |
| 4 | `#042539` | `oklch(25.18% 0.0540 241.33)` | Celestial Canvas | white, 15.8 to 1 |
| 5 | `#052e41` | `oklch(28.57% 0.0544 233.17)` | NATO Blue | white, 14.1 to 1 |
| 6 | `#083949` | `oklch(32.33% 0.0561 224.46)` | Natural Indigo | white, 12.3 to 1 |
| 7 | `#0b4652` | `oklch(36.39% 0.0598 215.52)` | Midnight Green | white, 10.4 to 1 |
| 8 | `#0b535b` | `oklch(40.72% 0.0661 206.67)` | Seaworld | white, 8.6 to 1 |
| 9 | `#046365` | `oklch(45.29% 0.0759 198.13)` | Really Teal | white, 7 to 1 |
| 10 | `#00766f` | `oklch(50.89% 0.0883 188.45)` | Mermaid Harbour | white, 5.5 to 1 |
| 11 | `#008d78` | `oklch(57.44% 0.1061 177.57)` | Emerald Enchantment | black, 5 to 1 |
| 12 | `#00a77b` | `oklch(64.47% 0.1333 166.26)` | Active Green | black, 6.7 to 1 |
| 13 | `#31bf76` | `oklch(71.46% 0.1601 155.30)` | Times Square Screens | black, 8.8 to 1 |
| 14 | `#5dd569` | `oklch(77.94% 0.1827 145.42)` | Koopa Green Shell | black, 11.1 to 1 |
| 15 | `#83e657` | `oklch(83.39% 0.2015 137.40)` | Amazon Parrot | black, 13.3 to 1 |
| 16 | `#9ef145` | `oklch(87.33% 0.2143 132.01)` | Kiwi Pulp | black, 15.1 to 1 |
| 17 | `#abf73d` | `oklch(89.40% 0.2192 129.84)` | Green Lizard | black, 16.1 to 1 |
| 18 | `#acfa45` | `oklch(90.15% 0.2175 130.31)` | Irradiated Green | black, 16.4 to 1 |
| 19 | `#a4fa56` | `oklch(89.80% 0.2108 132.96)` | Irradiated Green | black, 16.3 to 1 |
| 20 | `#94f76a` | `oklch(88.46% 0.2004 137.44)` | Stadium Lawn | black, 15.7 to 1 |
| 21 | `#7ef07c` | `oklch(86.24% 0.1875 143.38)` | Herbivore | black, 14.6 to 1 |
| 22 | `#65e78b` | `oklch(83.27% 0.1735 150.44)` | Grotesque Green | black, 13.3 to 1 |
| 23 | `#49db95` | `oklch(79.66% 0.1597 158.26)` | Reptile Green | black, 11.8 to 1 |
| 24 | `#29cd9b` | `oklch(75.51% 0.1474 166.49)` | Dark Shamrock | black, 10.2 to 1 |
| 25 | `#00ba9c` | `oklch(70.46% 0.1321 175.66)` | Aare River | black, 8.5 to 1 |
| 26 | `#00a097` | `oklch(63.65% 0.1110 187.31)` | Spectra Green | black, 6.4 to 1 |
| 27 | `#00848a` | `oklch(55.64% 0.0946 200.61)` | Tucson Teal | black, 4.6 to 1 |
| 28 | `#006678` | `oklch(47.05% 0.0830 214.65)` | Striking | white, 6.5 to 1 |
| 29 | `#004b63` | `oklch(38.51% 0.0755 228.51)` | Fresco Blue | white, 9.6 to 1 |
| 30 | `#003350` | `oklch(30.62% 0.0717 241.26)` | Dark Denim Blue | white, 13.2 to 1 |
| 31 | `#04203c` | `oklch(24.00% 0.0637 251.79)` | Midnight Mirage | white, 16.4 to 1 |
| 32 | `#04132d` | `oklch(19.29% 0.0565 259.45)` | Squid’s Ink | white, 18.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #031028 0.0%, #03152d 3.2%, #031c33 6.5%, #042539 9.7%, #052e41 12.9%, #083949 16.1%, #0b4652 19.4%, #0b535b 22.6%, #046365 25.8%, #00766f 29.0%, #008d78 32.3%, #00a77b 35.5%, #31bf76 38.7%, #5dd569 41.9%, #83e657 45.2%, #9ef145 48.4%, #abf73d 51.6%, #acfa45 54.8%, #a4fa56 58.1%, #94f76a 61.3%, #7ef07c 64.5%, #65e78b 67.7%, #49db95 71.0%, #29cd9b 74.2%, #00ba9c 77.4%, #00a097 80.6%, #00848a 83.9%, #006678 87.1%, #004b63 90.3%, #003350 93.5%, #04203c 96.8%, #04132d 100.0%);
background: linear-gradient(45deg in oklch, oklch(17.72% 0.0537 259.45) 0.0%, oklch(19.70% 0.0544 254.79) 3.2%, oklch(22.20% 0.0543 248.65) 6.5%, oklch(25.18% 0.0540 241.33) 9.7%, oklch(28.57% 0.0544 233.17) 12.9%, oklch(32.33% 0.0561 224.46) 16.1%, oklch(36.39% 0.0598 215.52) 19.4%, oklch(40.72% 0.0661 206.67) 22.6%, oklch(45.29% 0.0759 198.13) 25.8%, oklch(50.89% 0.0883 188.45) 29.0%, oklch(57.44% 0.1061 177.57) 32.3%, oklch(64.47% 0.1333 166.26) 35.5%, oklch(71.46% 0.1601 155.30) 38.7%, oklch(77.94% 0.1827 145.42) 41.9%, oklch(83.39% 0.2015 137.40) 45.2%, oklch(87.33% 0.2143 132.01) 48.4%, oklch(89.40% 0.2192 129.84) 51.6%, oklch(90.15% 0.2175 130.31) 54.8%, oklch(89.80% 0.2108 132.96) 58.1%, oklch(88.46% 0.2004 137.44) 61.3%, oklch(86.24% 0.1875 143.38) 64.5%, oklch(83.27% 0.1735 150.44) 67.7%, oklch(79.66% 0.1597 158.26) 71.0%, oklch(75.51% 0.1474 166.49) 74.2%, oklch(70.46% 0.1321 175.66) 77.4%, oklch(63.65% 0.1110 187.31) 80.6%, oklch(55.64% 0.0946 200.61) 83.9%, oklch(47.05% 0.0830 214.65) 87.1%, oklch(38.51% 0.0755 228.51) 90.3%, oklch(30.62% 0.0717 241.26) 93.5%, oklch(24.00% 0.0637 251.79) 96.8%, oklch(19.29% 0.0565 259.45) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.054 | 259.5 |
| 2 | 0.441 | 0.073 | 200.3 |
| 3 | 0.886 | 0.218 | 130.5 |
| 4 | 0.744 | 0.145 | 168.6 |
| 5 | 0.193 | 0.056 | 259.5 |

## In these collections

- [Aurora gradients](https://grabient.com/aurora-gradients)

## Other forms

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