# Green led full spectrum

The Green led full spectrum brings together green, teal, blue, orange, and gold. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Rainbow from green to yellow linear gradient
- Seed: `kYqW5r3arEE8vxrAvcO3DnQem4RO`
- Page: https://grabient.com/kYqW5r3arEE8vxrAvcO3DnQem4RO?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 3.6 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 | `#3aad62` | `oklch(66.54% 0.1516 151.17)` | Island Green | black, 7.3 to 1 |
| 2 | `#35b06c` | `oklch(67.48% 0.1474 154.58)` | Jade Powder | black, 7.6 to 1 |
| 3 | `#33b57b` | `oklch(68.95% 0.1413 159.06)` | Buddha Green | black, 8 to 1 |
| 4 | `#34ba8a` | `oklch(70.63% 0.1342 164.46)` | Aztec Jade | black, 8.5 to 1 |
| 5 | `#36bf9a` | `oklch(72.19% 0.1272 170.62)` | New Meadow | black, 9 to 1 |
| 6 | `#38c1a8` | `oklch(73.31% 0.1213 177.37)` | Jade Mountain | black, 9.3 to 1 |
| 7 | `#36c2b3` | `oklch(73.67% 0.1175 184.57)` | Synergy | black, 9.4 to 1 |
| 8 | `#2dbfbb` | `oklch(73.05% 0.1164 192.51)` | Maximum Blue Green | black, 9.2 to 1 |
| 9 | `#20b9c2` | `oklch(71.66% 0.1169 201.75)` | Utopia Beckons | black, 8.7 to 1 |
| 10 | `#14b0c8` | `oklch(69.72% 0.1187 211.73)` | Havasupai Falls | black, 8.1 to 1 |
| 11 | `#13a7cc` | `oklch(67.47% 0.1216 221.84)` | Gummy Dolphins | black, 7.3 to 1 |
| 12 | `#1e9cce` | `oklch(65.15% 0.1252 231.50)` | Structural Blue | black, 6.7 to 1 |
| 13 | `#2a92cf` | `oklch(62.98% 0.1292 240.10)` | Splish Splash | black, 6 to 1 |
| 14 | `#3188ce` | `oklch(60.96% 0.1339 246.72)` | Ticino Blue | black, 5.5 to 1 |
| 15 | `#2d7fcb` | `oklch(58.44% 0.1403 250.43)` | Heirloom Hydrangea | black, 4.9 to 1 |
| 16 | `#2575c7` | `oklch(55.73% 0.1479 252.69)` | Blue-Eyed Boy | white, 4.7 to 1 |
| 17 | `#1f6bc4` | `oklch(53.24% 0.1555 255.19)` | Indigo Carmine | white, 5.2 to 1 |
| 18 | `#2763c2` | `oklch(51.38% 0.1624 259.60)` | Blue Streak | white, 5.7 to 1 |
| 19 | `#3b5ac3` | `oklch(50.59% 0.1676 267.60)` | Free Speech Blue | white, 6 to 1 |
| 20 | `#5a54c4` | `oklch(51.27% 0.1702 280.96)` | Circumorbital Ring | white, 6 to 1 |
| 21 | `#804fbf` | `oklch(53.66% 0.1702 300.93)` | Fuchsia Blue | white, 5.5 to 1 |
| 22 | `#a84ead` | `oklch(57.27% 0.1685 325.44)` | Orchid Dottyback | white, 4.8 to 1 |
| 23 | `#cc538f` | `oklch(61.56% 0.1657 351.88)` | Pretty in Plum | black, 5.1 to 1 |
| 24 | `#e4616c` | `oklch(65.97% 0.1626 17.69)` | Lovely Little Rosy | black, 6.2 to 1 |
| 25 | `#ef764a` | `oklch(69.95% 0.1599 40.28)` | Debrito | black, 7.3 to 1 |
| 26 | `#f08a2f` | `oklch(72.96% 0.1582 57.16)` | Peril’s Flames | black, 8.3 to 1 |
| 27 | `#ee9a1d` | `oklch(75.35% 0.1572 69.24)` | Burning Trail | black, 9.2 to 1 |
| 28 | `#eba71a` | `oklch(77.46% 0.1563 78.20)` | Illuminate Me | black, 10.1 to 1 |
| 29 | `#e9b221` | `oklch(79.28% 0.1556 84.72)` | Kogane Gold | black, 10.8 to 1 |
| 30 | `#e8ba2a` | `oklch(80.82% 0.1551 89.49)` | Gold Leaf | black, 11.5 to 1 |
| 31 | `#e7c132` | `oklch(82.08% 0.1547 93.21)` | Sun Wukong’s Crown | black, 12 to 1 |
| 32 | `#e5c739` | `oklch(83.07% 0.1543 96.57)` | Thai Temple | black, 12.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3aad62 0.0%, #35b06c 3.2%, #33b57b 6.5%, #34ba8a 9.7%, #36bf9a 12.9%, #38c1a8 16.1%, #36c2b3 19.4%, #2dbfbb 22.6%, #20b9c2 25.8%, #14b0c8 29.0%, #13a7cc 32.3%, #1e9cce 35.5%, #2a92cf 38.7%, #3188ce 41.9%, #2d7fcb 45.2%, #2575c7 48.4%, #1f6bc4 51.6%, #2763c2 54.8%, #3b5ac3 58.1%, #5a54c4 61.3%, #804fbf 64.5%, #a84ead 67.7%, #cc538f 71.0%, #e4616c 74.2%, #ef764a 77.4%, #f08a2f 80.6%, #ee9a1d 83.9%, #eba71a 87.1%, #e9b221 90.3%, #e8ba2a 93.5%, #e7c132 96.8%, #e5c739 100.0%);
background: linear-gradient(135deg in oklch, oklch(66.54% 0.1516 151.17) 0.0%, oklch(67.48% 0.1474 154.58) 3.2%, oklch(68.95% 0.1413 159.06) 6.5%, oklch(70.63% 0.1342 164.46) 9.7%, oklch(72.19% 0.1272 170.62) 12.9%, oklch(73.31% 0.1213 177.37) 16.1%, oklch(73.67% 0.1175 184.57) 19.4%, oklch(73.05% 0.1164 192.51) 22.6%, oklch(71.66% 0.1169 201.75) 25.8%, oklch(69.72% 0.1187 211.73) 29.0%, oklch(67.47% 0.1216 221.84) 32.3%, oklch(65.15% 0.1252 231.50) 35.5%, oklch(62.98% 0.1292 240.10) 38.7%, oklch(60.96% 0.1339 246.72) 41.9%, oklch(58.44% 0.1403 250.43) 45.2%, oklch(55.73% 0.1479 252.69) 48.4%, oklch(53.24% 0.1555 255.19) 51.6%, oklch(51.38% 0.1624 259.60) 54.8%, oklch(50.59% 0.1676 267.60) 58.1%, oklch(51.27% 0.1702 280.96) 61.3%, oklch(53.66% 0.1702 300.93) 64.5%, oklch(57.27% 0.1685 325.44) 67.7%, oklch(61.56% 0.1657 351.88) 71.0%, oklch(65.97% 0.1626 17.69) 74.2%, oklch(69.95% 0.1599 40.28) 77.4%, oklch(72.96% 0.1582 57.16) 80.6%, oklch(75.35% 0.1572 69.24) 83.9%, oklch(77.46% 0.1563 78.20) 87.1%, oklch(79.28% 0.1556 84.72) 90.3%, oklch(80.82% 0.1551 89.49) 93.5%, oklch(82.08% 0.1547 93.21) 96.8%, oklch(83.07% 0.1543 96.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.152 | 151.2 |
| 2 | 0.736 | 0.117 | 186 |
| 3 | 0.622 | 0.131 | 243.1 |
| 4 | 0.508 | 0.169 | 274.8 |
| 5 | 0.724 | 0.158 | 414.3 |
| 6 | 0.831 | 0.154 | 456.6 |

## In these collections

- [Rainbow gradients](https://grabient.com/rainbow-gradients)

## Other forms

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