# Muted rainbow from light green to blue linear gradient

Muted rainbow from light green to blue linear gradient with 48 colors: #a0d5a1, #a2cd96, #a4c389, #a5b77b, #a4a96d, #a29a60, #9e8b56, #987b4e, #906d49, #875f46, #7d5344, #724944, #684044, #5e3a44, #563645, #503448, #4c344b, #493751, #493c5a, #484464, #494d6e, #49597a, #496585, #49738f, #4b8197, #4e8f9e, #549da4, #5ca9a7, #66b3a9, #70bcaa, #79c3ab, #80c7aa, #84c8a9, #84c7a8, #82c5a7, #7dc1a7, #77bca6, #71b6a6, #6aafa5, #64a7a3, #5e9fa1, #5a979e, #578e9a, #558796, #537f91, #52798d, #51748a, #507187. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU0UJnLhIrWKeLHDksiA`
- Page: https://grabient.com/kU0UJnLhIrWKeLHDksiA?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 6.5 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 | `#a0d5a1` | `oklch(82.28% 0.0909 144.84)` | Sunlit Glade | black, 12.5 to 1 |
| 2 | `#a2cd96` | `oklch(80.47% 0.0893 138.57)` | Chenille | black, 11.7 to 1 |
| 3 | `#a4c389` | `oklch(78.02% 0.0871 130.99)` | Cos | black, 10.7 to 1 |
| 4 | `#a5b77b` | `oklch(75.05% 0.0845 122.23)` | Serpentine | black, 9.6 to 1 |
| 5 | `#a4a96d` | `oklch(71.66% 0.0815 112.44)` | Spanish Olive | black, 8.4 to 1 |
| 6 | `#a29a60` | `oklch(67.96% 0.0782 101.76)` | Zandri Dust | black, 7.3 to 1 |
| 7 | `#9e8b56` | `oklch(64.05% 0.0748 90.35)` | Goldbrown | black, 6.2 to 1 |
| 8 | `#987b4e` | `oklch(60.03% 0.0712 78.33)` | Alluring Umber | black, 5.2 to 1 |
| 9 | `#906d49` | `oklch(56.00% 0.0676 65.86)` | Tanned Wood | white, 4.7 to 1 |
| 10 | `#875f46` | `oklch(52.08% 0.0641 53.08)` | Chasm | white, 5.6 to 1 |
| 11 | `#7d5344` | `oklch(48.36% 0.0608 40.13)` | Roxy Brown | white, 6.6 to 1 |
| 12 | `#724944` | `oklch(44.96% 0.0577 27.15)` | Burnished Mahogany | white, 7.6 to 1 |
| 13 | `#684044` | `oklch(41.97% 0.0550 14.29)` | Red Rumour | white, 8.7 to 1 |
| 14 | `#5e3a44` | `oklch(39.49% 0.0528 1.70)` | Bordeaux Leaf | white, 9.6 to 1 |
| 15 | `#563645` | `oklch(37.64% 0.0511 349.51)` | Ritual Experience | white, 10.4 to 1 |
| 16 | `#503448` | `oklch(36.52% 0.0499 337.87)` | Loulou | white, 10.9 to 1 |
| 17 | `#4c344b` | `oklch(36.22% 0.0496 326.82)` | Loulou | white, 11 to 1 |
| 18 | `#493751` | `oklch(36.84% 0.0500 315.32)` | Purple Plumeria | white, 10.7 to 1 |
| 19 | `#493c5a` | `oklch(38.28% 0.0511 303.17)` | Purple Velvet | white, 10 to 1 |
| 20 | `#484464` | `oklch(40.43% 0.0529 290.54)` | Deepest Fig | white, 9.1 to 1 |
| 21 | `#494d6e` | `oklch(43.15% 0.0552 277.61)` | Royal Hyacinth | white, 8.1 to 1 |
| 22 | `#49597a` | `oklch(46.33% 0.0578 264.57)` | Nyctophobia Blue | white, 7 to 1 |
| 23 | `#496585` | `oklch(49.86% 0.0608 251.58)` | French Mirage Blue | white, 6 to 1 |
| 24 | `#49738f` | `oklch(53.61% 0.0639 238.83)` | Metallic Blue | white, 5 to 1 |
| 25 | `#4b8197` | `oklch(57.47% 0.0671 226.49)` | Casual Blue | black, 4.8 to 1 |
| 26 | `#4e8f9e` | `oklch(61.31% 0.0703 214.75)` | Aegean Sea | black, 5.7 to 1 |
| 27 | `#549da4` | `oklch(65.01% 0.0734 203.78)` | Rockpool | black, 6.6 to 1 |
| 28 | `#5ca9a7` | `oklch(68.46% 0.0762 193.75)` | Veranda | black, 7.6 to 1 |
| 29 | `#66b3a9` | `oklch(71.54% 0.0786 184.86)` | Artesian Well | black, 8.6 to 1 |
| 30 | `#70bcaa` | `oklch(74.12% 0.0805 177.26)` | Larchmere | black, 9.4 to 1 |
| 31 | `#79c3ab` | `oklch(76.09% 0.0819 171.16)` | Green Balloon | black, 10.1 to 1 |
| 32 | `#80c7aa` | `oklch(77.33% 0.0826 166.71)` | Aqua Eden | black, 10.6 to 1 |
| 33 | `#84c8a9` | `oklch(77.78% 0.0826 164.15)` | Aqua Eden | black, 10.7 to 1 |
| 34 | `#84c7a8` | `oklch(77.63% 0.0819 163.65)` | Aqua Eden | black, 10.7 to 1 |
| 35 | `#82c5a7` | `oklch(76.96% 0.0807 164.98)` | Green Balloon | black, 10.4 to 1 |
| 36 | `#7dc1a7` | `oklch(75.85% 0.0790 167.90)` | Celadon Porcelain | black, 10 to 1 |
| 37 | `#77bca6` | `oklch(74.36% 0.0770 172.16)` | Sereni Teal | black, 9.5 to 1 |
| 38 | `#71b6a6` | `oklch(72.56% 0.0747 177.53)` | Glacial Green | black, 8.9 to 1 |
| 39 | `#6aafa5` | `oklch(70.52% 0.0721 183.75)` | Turquoise Fantasies | black, 8.2 to 1 |
| 40 | `#64a7a3` | `oklch(68.32% 0.0694 190.60)` | Veranda | black, 7.6 to 1 |
| 41 | `#5e9fa1` | `oklch(66.02% 0.0666 197.82)` | Cadet Blue | black, 6.9 to 1 |
| 42 | `#5a979e` | `oklch(63.69% 0.0637 205.17)` | Star City | black, 6.3 to 1 |
| 43 | `#578e9a` | `oklch(61.41% 0.0610 212.42)` | Cabana Blue | black, 5.7 to 1 |
| 44 | `#558796` | `oklch(59.25% 0.0584 219.32)` | Night Masque | black, 5.2 to 1 |
| 45 | `#537f91` | `oklch(57.27% 0.0560 225.62)` | Technical Blue | black, 4.8 to 1 |
| 46 | `#52798d` | `oklch(55.55% 0.0540 231.09)` | Cayman Bay | white, 4.6 to 1 |
| 47 | `#51748a` | `oklch(54.15% 0.0522 235.47)` | Folk Blue | white, 4.9 to 1 |
| 48 | `#507187` | `oklch(53.15% 0.0510 238.54)` | Inky Blue | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a0d5a1 0.0%, #a2cd96 2.1%, #a4c389 4.3%, #a5b77b 6.4%, #a4a96d 8.5%, #a29a60 10.6%, #9e8b56 12.8%, #987b4e 14.9%, #906d49 17.0%, #875f46 19.1%, #7d5344 21.3%, #724944 23.4%, #684044 25.5%, #5e3a44 27.7%, #563645 29.8%, #503448 31.9%, #4c344b 34.0%, #493751 36.2%, #493c5a 38.3%, #484464 40.4%, #494d6e 42.6%, #49597a 44.7%, #496585 46.8%, #49738f 48.9%, #4b8197 51.1%, #4e8f9e 53.2%, #549da4 55.3%, #5ca9a7 57.4%, #66b3a9 59.6%, #70bcaa 61.7%, #79c3ab 63.8%, #80c7aa 66.0%, #84c8a9 68.1%, #84c7a8 70.2%, #82c5a7 72.3%, #7dc1a7 74.5%, #77bca6 76.6%, #71b6a6 78.7%, #6aafa5 80.9%, #64a7a3 83.0%, #5e9fa1 85.1%, #5a979e 87.2%, #578e9a 89.4%, #558796 91.5%, #537f91 93.6%, #52798d 95.7%, #51748a 97.9%, #507187 100.0%);
background: linear-gradient(135deg in oklch, oklch(82.28% 0.0909 144.84) 0.0%, oklch(80.47% 0.0893 138.57) 2.1%, oklch(78.02% 0.0871 130.99) 4.3%, oklch(75.05% 0.0845 122.23) 6.4%, oklch(71.66% 0.0815 112.44) 8.5%, oklch(67.96% 0.0782 101.76) 10.6%, oklch(64.05% 0.0748 90.35) 12.8%, oklch(60.03% 0.0712 78.33) 14.9%, oklch(56.00% 0.0676 65.86) 17.0%, oklch(52.08% 0.0641 53.08) 19.1%, oklch(48.36% 0.0608 40.13) 21.3%, oklch(44.96% 0.0577 27.15) 23.4%, oklch(41.97% 0.0550 14.29) 25.5%, oklch(39.49% 0.0528 1.70) 27.7%, oklch(37.64% 0.0511 349.51) 29.8%, oklch(36.52% 0.0499 337.87) 31.9%, oklch(36.22% 0.0496 326.82) 34.0%, oklch(36.84% 0.0500 315.32) 36.2%, oklch(38.28% 0.0511 303.17) 38.3%, oklch(40.43% 0.0529 290.54) 40.4%, oklch(43.15% 0.0552 277.61) 42.6%, oklch(46.33% 0.0578 264.57) 44.7%, oklch(49.86% 0.0608 251.58) 46.8%, oklch(53.61% 0.0639 238.83) 48.9%, oklch(57.47% 0.0671 226.49) 51.1%, oklch(61.31% 0.0703 214.75) 53.2%, oklch(65.01% 0.0734 203.78) 55.3%, oklch(68.46% 0.0762 193.75) 57.4%, oklch(71.54% 0.0786 184.86) 59.6%, oklch(74.12% 0.0805 177.26) 61.7%, oklch(76.09% 0.0819 171.16) 63.8%, oklch(77.33% 0.0826 166.71) 66.0%, oklch(77.78% 0.0826 164.15) 68.1%, oklch(77.63% 0.0819 163.65) 70.2%, oklch(76.96% 0.0807 164.98) 72.3%, oklch(75.85% 0.0790 167.90) 74.5%, oklch(74.36% 0.0770 172.16) 76.6%, oklch(72.56% 0.0747 177.53) 78.7%, oklch(70.52% 0.0721 183.75) 80.9%, oklch(68.32% 0.0694 190.60) 83.0%, oklch(66.02% 0.0666 197.82) 85.1%, oklch(63.69% 0.0637 205.17) 87.2%, oklch(61.41% 0.0610 212.42) 89.4%, oklch(59.25% 0.0584 219.32) 91.5%, oklch(57.27% 0.0560 225.62) 93.6%, oklch(55.55% 0.0540 231.09) 95.7%, oklch(54.15% 0.0522 235.47) 97.9%, oklch(53.15% 0.0510 238.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.091 | 144.8 |
| 2 | 0.362 | 0.05 | -29.5 |
| 3 | 0.776 | 0.083 | -194.4 |
| 4 | 0.531 | 0.051 | -121.5 |

## Other forms

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