# Coral lime forest sweep

Navy, green, orange and red linear gradient with 21 colors: #17383f, #193c3d, #20423b, #294d3c, #36623f, #4a7b3d, #639038, #7aa638, #8fb939, #a7c336, #bdc53a, #d0c13d, #e0b634, #eea12f, #f48b37, #f5773a, #f56035, #ef4b34, #e23f39, #d13c3a, #c53a3a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, green, orange and red linear gradient
- Seed: `kcUR2XsJI6EosvHgO765bU89y6unRSr1xsA_Q`
- Page: https://grabient.com/kcUR2XsJI6EosvHgO765bU89y6unRSr1xsA_Q?steps=21&angle=225
- Drawn as: linear gradient, 21 steps, 225 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#17383f` | `oklch(31.89% 0.0400 213.05)` | Nordic | white, 12.5 to 1 |
| 2 | `#193c3d` | `oklch(33.08% 0.0401 198.54)` | Nordic | white, 11.9 to 1 |
| 3 | `#20423b` | `oklch(35.09% 0.0417 178.37)` | Black Soap | white, 11 to 1 |
| 4 | `#294d3c` | `oklch(38.89% 0.0519 161.42)` | Springbok Green | white, 9.3 to 1 |
| 5 | `#36623f` | `oklch(45.36% 0.0758 149.19)` | Forest Serenade | white, 7 to 1 |
| 6 | `#4a7b3d` | `oklch(53.12% 0.1051 139.38)` | Nereus | white, 5 to 1 |
| 7 | `#639038` | `oklch(60.17% 0.1283 132.03)` | Mary’s Garden | black, 5.5 to 1 |
| 8 | `#7aa638` | `oklch(66.97% 0.1467 128.56)` | Carol’s Purr | black, 7.3 to 1 |
| 9 | `#8fb939` | `oklch(73.00% 0.1600 125.98)` | Grinch Green | black, 9.1 to 1 |
| 10 | `#a7c336` | `oklch(77.05% 0.1642 120.42)` | Pesto di Pistacchio | black, 10.4 to 1 |
| 11 | `#bdc53a` | `oklch(79.28% 0.1567 112.79)` | Fluorescent Lime | black, 11.2 to 1 |
| 12 | `#d0c13d` | `oklch(80.01% 0.1475 102.95)` | Anime | black, 11.3 to 1 |
| 13 | `#e0b634` | `oklch(79.27% 0.1465 89.51)` | Woven Gold | black, 10.9 to 1 |
| 14 | `#eea12f` | `oklch(76.79% 0.1506 71.74)` | Gilded Leaves | black, 9.8 to 1 |
| 15 | `#f48b37` | `oklch(73.67% 0.1584 55.08)` | Hot Orange | black, 8.5 to 1 |
| 16 | `#f5773a` | `oklch(70.69% 0.1719 43.93)` | Sea Nettle | black, 7.5 to 1 |
| 17 | `#f56035` | `oklch(67.44% 0.1915 36.32)` | Firecracker | black, 6.5 to 1 |
| 18 | `#ef4b34` | `oklch(64.22% 0.2047 30.90)` | Vermilion Bird | black, 5.7 to 1 |
| 19 | `#e23f39` | `oklch(60.98% 0.2011 27.31)` | Blood of My Enemies | black, 5 to 1 |
| 20 | `#d13c3a` | `oklch(57.76% 0.1873 25.77)` | Red Bliss | white, 4.7 to 1 |
| 21 | `#c53a3a` | `oklch(55.51% 0.1764 24.95)` | Stop | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #17383f 0.0%, #193c3d 5.0%, #20423b 10.0%, #294d3c 15.0%, #36623f 20.0%, #4a7b3d 25.0%, #639038 30.0%, #7aa638 35.0%, #8fb939 40.0%, #a7c336 45.0%, #bdc53a 50.0%, #d0c13d 55.0%, #e0b634 60.0%, #eea12f 65.0%, #f48b37 70.0%, #f5773a 75.0%, #f56035 80.0%, #ef4b34 85.0%, #e23f39 90.0%, #d13c3a 95.0%, #c53a3a 100.0%);
background: linear-gradient(225deg in oklch, oklch(31.89% 0.0400 213.05) 0.0%, oklch(33.08% 0.0401 198.54) 5.0%, oklch(35.09% 0.0417 178.37) 10.0%, oklch(38.89% 0.0519 161.42) 15.0%, oklch(45.36% 0.0758 149.19) 20.0%, oklch(53.12% 0.1051 139.38) 25.0%, oklch(60.17% 0.1283 132.03) 30.0%, oklch(66.97% 0.1467 128.56) 35.0%, oklch(73.00% 0.1600 125.98) 40.0%, oklch(77.05% 0.1642 120.42) 45.0%, oklch(79.28% 0.1567 112.79) 50.0%, oklch(80.01% 0.1475 102.95) 55.0%, oklch(79.27% 0.1465 89.51) 60.0%, oklch(76.79% 0.1506 71.74) 65.0%, oklch(73.67% 0.1584 55.08) 70.0%, oklch(70.69% 0.1719 43.93) 75.0%, oklch(67.44% 0.1915 36.32) 80.0%, oklch(64.22% 0.2047 30.90) 85.0%, oklch(60.98% 0.2011 27.31) 90.0%, oklch(57.76% 0.1873 25.77) 95.0%, oklch(55.51% 0.1764 24.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.04 | 213 |
| 2 | 0.382 | 0.05 | 163.4 |
| 3 | 0.583 | 0.123 | 133.8 |
| 4 | 0.756 | 0.164 | 123.2 |
| 5 | 0.799 | 0.146 | 97.9 |
| 6 | 0.728 | 0.161 | 51.4 |
| 7 | 0.638 | 0.205 | 30.2 |
| 8 | 0.555 | 0.176 | 24.9 |

## In these collections

- [Autumn gradients](https://grabient.com/autumn-gradients)
- [Tropical gradients](https://grabient.com/tropical-gradients)

## Other forms

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