# Teal moss daffodil diagonal

Green, teal, blue and yellow linear gradient with 40 colors: #b9cb83, #b1c883, #a6c584, #9ac085, #8dbb86, #7fb587, #71ad88, #64a689, #579d89, #4d9489, #458b87, #3f8285, #3b7982, #38717e, #366a7a, #356376, #345e73, #335970, #32576e, #31556d, #30566d, #2e586f, #2c5b72, #2a6075, #266779, #226e7c, #1f777f, #1f8080, #258a80, #32937d, #439c79, #56a574, #6cac6d, #82b365, #98b85e, #acbc57, #c0bf51, #d0c14d, #dec34c, #e9c44b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Green, teal, blue and yellow linear gradient
- Seed: `kSzkZVtxVN-mzro`
- Page: https://grabient.com/kSzkZVtxVN-mzro?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#b9cb83` | `oklch(81.10% 0.0965 120.23)` | Nurgling Green | black, 11.9 to 1 |
| 2 | `#b1c883` | `oklch(79.94% 0.0952 123.90)` | Venerable Verde | black, 11.4 to 1 |
| 3 | `#a6c584` | `oklch(78.42% 0.0935 128.74)` | Gnome Green | black, 10.9 to 1 |
| 4 | `#9ac085` | `oklch(76.59% 0.0914 134.58)` | Picnic | black, 10.2 to 1 |
| 5 | `#8dbb86` | `oklch(74.50% 0.0890 141.28)` | Green Masquerade | black, 9.5 to 1 |
| 6 | `#7fb587` | `oklch(72.19% 0.0863 148.68)` | Tree Fern | black, 8.8 to 1 |
| 7 | `#71ad88` | `oklch(69.72% 0.0834 156.62)` | Green Goddess | black, 8 to 1 |
| 8 | `#64a689` | `oklch(67.12% 0.0804 164.95)` | Artemesia Green | black, 7.3 to 1 |
| 9 | `#579d89` | `oklch(64.44% 0.0773 173.51)` | Derby Green | black, 6.6 to 1 |
| 10 | `#4d9489` | `oklch(61.74% 0.0742 182.15)` | Thermal Spring | black, 5.9 to 1 |
| 11 | `#458b87` | `oklch(59.05% 0.0712 190.72)` | Royal Palm | black, 5.3 to 1 |
| 12 | `#3f8285` | `oklch(56.43% 0.0683 199.05)` | Pacific Sea Teal | black, 4.7 to 1 |
| 13 | `#3b7982` | `oklch(53.92% 0.0655 207.00)` | Sea Quest | white, 4.9 to 1 |
| 14 | `#38717e` | `oklch(51.56% 0.0631 214.40)` | Grand Rapids | white, 5.4 to 1 |
| 15 | `#366a7a` | `oklch(49.41% 0.0609 221.11)` | Mammoth Mountain | white, 6 to 1 |
| 16 | `#356376` | `oklch(47.51% 0.0592 226.96)` | Denim Blue | white, 6.5 to 1 |
| 17 | `#345e73` | `oklch(45.90% 0.0579 231.81)` | Brigade | white, 7 to 1 |
| 18 | `#335970` | `oklch(44.64% 0.0571 235.49)` | Endless Sea | white, 7.4 to 1 |
| 19 | `#32576e` | `oklch(43.78% 0.0569 237.86)` | Endless Sea | white, 7.7 to 1 |
| 20 | `#31556d` | `oklch(43.34% 0.0574 238.75)` | America’s Cup | white, 7.9 to 1 |
| 21 | `#30566d` | `oklch(43.40% 0.0586 238.01)` | Endless Sea | white, 7.8 to 1 |
| 22 | `#2e586f` | `oklch(43.93% 0.0606 235.58)` | Chathams Blue | white, 7.6 to 1 |
| 23 | `#2c5b72` | `oklch(44.91% 0.0633 231.63)` | Blumine | white, 7.3 to 1 |
| 24 | `#2a6075` | `oklch(46.28% 0.0667 226.31)` | Holiday Velvet | white, 6.9 to 1 |
| 25 | `#266779` | `oklch(48.00% 0.0706 219.79)` | Discovery Bay | white, 6.3 to 1 |
| 26 | `#226e7c` | `oklch(50.02% 0.0751 212.25)` | Billabong | white, 5.8 to 1 |
| 27 | `#1f777f` | `oklch(52.29% 0.0799 203.84)` | Blue Kelp | white, 5.2 to 1 |
| 28 | `#1f8080` | `oklch(54.76% 0.0851 194.73)` | Jade Jewel | white, 4.7 to 1 |
| 29 | `#258a80` | `oklch(57.39% 0.0905 185.09)` | Porcelain Green | black, 5 to 1 |
| 30 | `#32937d` | `oklch(60.13% 0.0961 175.08)` | Illuminating Emerald | black, 5.6 to 1 |
| 31 | `#439c79` | `oklch(62.93% 0.1017 164.88)` | Dancing Jewel | black, 6.2 to 1 |
| 32 | `#56a574` | `oklch(65.75% 0.1074 154.65)` | Aqua Forest | black, 7 to 1 |
| 33 | `#6cac6d` | `oklch(68.53% 0.1129 144.55)` | Happy Cricket | black, 7.7 to 1 |
| 34 | `#82b365` | `oklch(71.23% 0.1182 134.76)` | Broccoli | black, 8.5 to 1 |
| 35 | `#98b85e` | `oklch(73.80% 0.1233 125.44)` | Happy Tune | black, 9.3 to 1 |
| 36 | `#acbc57` | `oklch(76.19% 0.1281 116.75)` | Middle Green Yellow | black, 10 to 1 |
| 37 | `#c0bf51` | `oklch(78.37% 0.1324 108.87)` | Sativa | black, 10.8 to 1 |
| 38 | `#d0c14d` | `oklch(80.27% 0.1362 101.95)` | Anime | black, 11.4 to 1 |
| 39 | `#dec34c` | `oklch(81.85% 0.1394 96.18)` | Yellow Magic Orchestra | black, 12 to 1 |
| 40 | `#e9c44b` | `oklch(83.07% 0.1419 91.70)` | Liberator Gold | black, 12.4 to 1 |

## CSS

```css
background: linear-gradient(225deg, #b9cb83 0.0%, #b1c883 2.6%, #a6c584 5.1%, #9ac085 7.7%, #8dbb86 10.3%, #7fb587 12.8%, #71ad88 15.4%, #64a689 17.9%, #579d89 20.5%, #4d9489 23.1%, #458b87 25.6%, #3f8285 28.2%, #3b7982 30.8%, #38717e 33.3%, #366a7a 35.9%, #356376 38.5%, #345e73 41.0%, #335970 43.6%, #32576e 46.2%, #31556d 48.7%, #30566d 51.3%, #2e586f 53.8%, #2c5b72 56.4%, #2a6075 59.0%, #266779 61.5%, #226e7c 64.1%, #1f777f 66.7%, #1f8080 69.2%, #258a80 71.8%, #32937d 74.4%, #439c79 76.9%, #56a574 79.5%, #6cac6d 82.1%, #82b365 84.6%, #98b85e 87.2%, #acbc57 89.7%, #c0bf51 92.3%, #d0c14d 94.9%, #dec34c 97.4%, #e9c44b 100.0%);
background: linear-gradient(225deg in oklch, oklch(81.10% 0.0965 120.23) 0.0%, oklch(79.94% 0.0952 123.90) 2.6%, oklch(78.42% 0.0935 128.74) 5.1%, oklch(76.59% 0.0914 134.58) 7.7%, oklch(74.50% 0.0890 141.28) 10.3%, oklch(72.19% 0.0863 148.68) 12.8%, oklch(69.72% 0.0834 156.62) 15.4%, oklch(67.12% 0.0804 164.95) 17.9%, oklch(64.44% 0.0773 173.51) 20.5%, oklch(61.74% 0.0742 182.15) 23.1%, oklch(59.05% 0.0712 190.72) 25.6%, oklch(56.43% 0.0683 199.05) 28.2%, oklch(53.92% 0.0655 207.00) 30.8%, oklch(51.56% 0.0631 214.40) 33.3%, oklch(49.41% 0.0609 221.11) 35.9%, oklch(47.51% 0.0592 226.96) 38.5%, oklch(45.90% 0.0579 231.81) 41.0%, oklch(44.64% 0.0571 235.49) 43.6%, oklch(43.78% 0.0569 237.86) 46.2%, oklch(43.34% 0.0574 238.75) 48.7%, oklch(43.40% 0.0586 238.01) 51.3%, oklch(43.93% 0.0606 235.58) 53.8%, oklch(44.91% 0.0633 231.63) 56.4%, oklch(46.28% 0.0667 226.31) 59.0%, oklch(48.00% 0.0706 219.79) 61.5%, oklch(50.02% 0.0751 212.25) 64.1%, oklch(52.29% 0.0799 203.84) 66.7%, oklch(54.76% 0.0851 194.73) 69.2%, oklch(57.39% 0.0905 185.09) 71.8%, oklch(60.13% 0.0961 175.08) 74.4%, oklch(62.93% 0.1017 164.88) 76.9%, oklch(65.75% 0.1074 154.65) 79.5%, oklch(68.53% 0.1129 144.55) 82.1%, oklch(71.23% 0.1182 134.76) 84.6%, oklch(73.80% 0.1233 125.44) 87.2%, oklch(76.19% 0.1281 116.75) 89.7%, oklch(78.37% 0.1324 108.87) 92.3%, oklch(80.27% 0.1362 101.95) 94.9%, oklch(81.85% 0.1394 96.18) 97.4%, oklch(83.07% 0.1419 91.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.811 | 0.096 | 120.2 |
| 2 | 0.433 | 0.058 | 238.6 |
| 3 | 0.831 | 0.142 | 91.7 |

## In these collections

- [Daffodil raincoat morning](https://grabient.com/daffodil-raincoat-morning)

## Other forms

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