# Cream eucalyptus slate diagonal

Teal, blue, green and gray linear gradient with 64 colors: #517055, #4f7057, #4b715b, #47725f, #427365, #3e746b, #3b7571, #397578, #39747f, #3b7485, #3f738a, #44738f, #497293, #4e7296, #527298, #55739a, #57749c, #56769e, #55789f, #527a9f, #4e7d9f, #4a809f, #46849d, #43879a, #418a96, #428e91, #46918c, #4d9387, #559682, #5f987e, #689b7c, #729d7b, #7ba07b, #85a47e, #91aa82, #9eb088, #aab690, #b7be99, #c3c6a3, #cfcdae, #d9d5b9, #e2ddc4, #eae4ce, #f0e9d7, #f5eede, #f7f1e3, #f7f2e6, #f5f1e6, #f1ede3, #e9e7dc, #dfded3, #d2d4c8, #c3c8bc, #b3bbaf, #a2ada2, #8f9e95, #7e9089, #6c827e, #5c7473, #4e676a, #425b62, #38515a, #314854, #2c424f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, blue, green and gray linear gradient
- Seed: `kWgihpRhpM1QZMx5hbkro1RA`
- Page: https://grabient.com/kWgihpRhpM1QZMx5hbkro1RA?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 9.4 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 | `#517055` | `oklch(51.18% 0.0551 147.66)` | Green Bayou | white, 5.5 to 1 |
| 2 | `#4f7057` | `oklch(51.31% 0.0557 151.95)` | Green Bayou | white, 5.5 to 1 |
| 3 | `#4b715b` | `oklch(51.44% 0.0566 157.74)` | Green Bayou | white, 5.4 to 1 |
| 4 | `#47725f` | `oklch(51.58% 0.0575 164.79)` | Christmas Ivy | white, 5.4 to 1 |
| 5 | `#427365` | `oklch(51.73% 0.0586 172.84)` | Christmas Ivy | white, 5.3 to 1 |
| 6 | `#3e746b` | `oklch(51.90% 0.0598 181.65)` | Green Sleeves | white, 5.3 to 1 |
| 7 | `#3b7571` | `oklch(52.08% 0.0611 190.95)` | Surf Green | white, 5.3 to 1 |
| 8 | `#397578` | `oklch(52.27% 0.0624 200.51)` | Ming | white, 5.2 to 1 |
| 9 | `#39747f` | `oklch(52.49% 0.0637 210.07)` | Flip | white, 5.2 to 1 |
| 10 | `#3b7485` | `oklch(52.73% 0.0650 219.37)` | Clear Viridian | white, 5.2 to 1 |
| 11 | `#3f738a` | `oklch(52.99% 0.0663 228.18)` | Bengal Blue | white, 5.1 to 1 |
| 12 | `#44738f` | `oklch(53.28% 0.0676 236.23)` | Harbour Blue | white, 5.1 to 1 |
| 13 | `#497293` | `oklch(53.61% 0.0687 243.28)` | Hammerhead Shark | white, 5 to 1 |
| 14 | `#4e7296` | `oklch(53.96% 0.0697 249.07)` | Hammerhead Shark | white, 5 to 1 |
| 15 | `#527298` | `oklch(54.35% 0.0706 253.37)` | Trustee | white, 4.9 to 1 |
| 16 | `#55739a` | `oklch(54.77% 0.0713 255.90)` | Trustee | white, 4.8 to 1 |
| 17 | `#57749c` | `oklch(55.24% 0.0718 256.44)` | Secrecy | white, 4.8 to 1 |
| 18 | `#56769e` | `oklch(55.70% 0.0722 255.03)` | Secrecy | white, 4.7 to 1 |
| 19 | `#55789f` | `oklch(56.16% 0.0727 251.92)` | Montreux Blue | white, 4.6 to 1 |
| 20 | `#527a9f` | `oklch(56.62% 0.0732 247.31)` | Biedermeier Blue | black, 4.6 to 1 |
| 21 | `#4e7d9f` | `oklch(57.09% 0.0737 241.41)` | Biedermeier Blue | black, 4.7 to 1 |
| 22 | `#4a809f` | `oklch(57.58% 0.0741 234.43)` | Flattering Blue | black, 4.8 to 1 |
| 23 | `#46849d` | `oklch(58.10% 0.0744 226.56)` | Dirty Blue | black, 5 to 1 |
| 24 | `#43879a` | `oklch(58.66% 0.0746 218.03)` | Turquesa | black, 5.1 to 1 |
| 25 | `#418a96` | `oklch(59.26% 0.0747 209.03)` | Seachange | black, 5.3 to 1 |
| 26 | `#428e91` | `oklch(59.92% 0.0746 199.78)` | Blue Chill | black, 5.4 to 1 |
| 27 | `#46918c` | `oklch(60.64% 0.0744 190.47)` | Dusty Teal | black, 5.6 to 1 |
| 28 | `#4d9387` | `oklch(61.44% 0.0740 181.33)` | Spa Green | black, 5.8 to 1 |
| 29 | `#559682` | `oklch(62.31% 0.0733 172.54)` | Crisp Lettuce | black, 6 to 1 |
| 30 | `#5f987e` | `oklch(63.28% 0.0724 164.33)` | Practice Green | black, 6.2 to 1 |
| 31 | `#689b7c` | `oklch(64.34% 0.0712 156.90)` | Dying Moss | black, 6.5 to 1 |
| 32 | `#729d7b` | `oklch(65.51% 0.0698 150.45)` | Holiday Camp | black, 6.8 to 1 |
| 33 | `#7ba07b` | `oklch(66.85% 0.0679 144.98)` | Green Grey | black, 7.1 to 1 |
| 34 | `#85a47e` | `oklch(68.60% 0.0655 139.37)` | Rivergrass | black, 7.6 to 1 |
| 35 | `#91aa82` | `oklch(70.73% 0.0624 133.55)` | Forest Shade | black, 8.2 to 1 |
| 36 | `#9eb088` | `oklch(73.16% 0.0590 127.62)` | Venetian Glass | black, 8.9 to 1 |
| 37 | `#aab690` | `oklch(75.81% 0.0551 121.69)` | Casa Verde | black, 9.8 to 1 |
| 38 | `#b7be99` | `oklch(78.60% 0.0509 115.89)` | Paspalum Grass | black, 10.8 to 1 |
| 39 | `#c3c6a3` | `oklch(81.44% 0.0466 110.33)` | Sage Splendour | black, 11.8 to 1 |
| 40 | `#cfcdae` | `oklch(84.25% 0.0422 105.11)` | Eaves | black, 13 to 1 |
| 41 | `#d9d5b9` | `oklch(86.96% 0.0378 100.37)` | New Growth | black, 14.2 to 1 |
| 42 | `#e2ddc4` | `oklch(89.47% 0.0335 96.21)` | Bamboo | black, 15.3 to 1 |
| 43 | `#eae4ce` | `oklch(91.70% 0.0294 92.74)` | Desert Smog | black, 16.4 to 1 |
| 44 | `#f0e9d7` | `oklch(93.58% 0.0257 90.10)` | Creamy White | black, 17.4 to 1 |
| 45 | `#f5eede` | `oklch(95.02% 0.0223 88.37)` | White Down | black, 18.1 to 1 |
| 46 | `#f7f1e3` | `oklch(95.94% 0.0194 87.70)` | White Swan | black, 18.6 to 1 |
| 47 | `#f7f2e6` | `oklch(96.25% 0.0171 88.18)` | Sun’s Glory | black, 18.8 to 1 |
| 48 | `#f5f1e6` | `oklch(95.88% 0.0154 89.94)` | Open Book | black, 18.6 to 1 |
| 49 | `#f1ede3` | `oklch(94.71% 0.0146 93.28)` | Flurries | black, 18 to 1 |
| 50 | `#e9e7dc` | `oklch(92.67% 0.0143 98.61)` | Narvik | black, 16.9 to 1 |
| 51 | `#dfded3` | `oklch(89.88% 0.0146 105.69)` | Alpine Frost | black, 15.5 to 1 |
| 52 | `#d2d4c8` | `oklch(86.45% 0.0154 114.24)` | Stony Path | black, 13.9 to 1 |
| 53 | `#c3c8bc` | `oklch(82.50% 0.0166 124.01)` | Silent Storm | black, 12.2 to 1 |
| 54 | `#b3bbaf` | `oklch(78.13% 0.0181 134.72)` | Keystone Grey | black, 10.6 to 1 |
| 55 | `#a2ada2` | `oklch(73.46% 0.0199 146.11)` | Gracious Grey | black, 9 to 1 |
| 56 | `#8f9e95` | `oklch(68.60% 0.0219 157.92)` | Marble Green | black, 7.5 to 1 |
| 57 | `#7e9089` | `oklch(63.67% 0.0240 169.88)` | Lily Pad Pond | black, 6.2 to 1 |
| 58 | `#6c827e` | `oklch(58.78% 0.0261 181.72)` | Studio Blue Green | black, 5.1 to 1 |
| 59 | `#5c7473` | `oklch(54.04% 0.0282 193.17)` | Paradise City | white, 4.9 to 1 |
| 60 | `#4e676a` | `oklch(49.57% 0.0302 203.97)` | Sumatra Chicken | white, 6 to 1 |
| 61 | `#425b62` | `oklch(45.48% 0.0321 213.86)` | Long Water | white, 7.1 to 1 |
| 62 | `#38515a` | `oklch(41.88% 0.0337 222.57)` | Mountain Midnight | white, 8.4 to 1 |
| 63 | `#314854` | `oklch(38.89% 0.0349 229.82)` | Aristocratic Blue | white, 9.5 to 1 |
| 64 | `#2c424f` | `oklch(36.61% 0.0358 235.37)` | Deepsea Core | white, 10.5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #517055 0.0%, #4f7057 1.6%, #4b715b 3.2%, #47725f 4.8%, #427365 6.3%, #3e746b 7.9%, #3b7571 9.5%, #397578 11.1%, #39747f 12.7%, #3b7485 14.3%, #3f738a 15.9%, #44738f 17.5%, #497293 19.0%, #4e7296 20.6%, #527298 22.2%, #55739a 23.8%, #57749c 25.4%, #56769e 27.0%, #55789f 28.6%, #527a9f 30.2%, #4e7d9f 31.7%, #4a809f 33.3%, #46849d 34.9%, #43879a 36.5%, #418a96 38.1%, #428e91 39.7%, #46918c 41.3%, #4d9387 42.9%, #559682 44.4%, #5f987e 46.0%, #689b7c 47.6%, #729d7b 49.2%, #7ba07b 50.8%, #85a47e 52.4%, #91aa82 54.0%, #9eb088 55.6%, #aab690 57.1%, #b7be99 58.7%, #c3c6a3 60.3%, #cfcdae 61.9%, #d9d5b9 63.5%, #e2ddc4 65.1%, #eae4ce 66.7%, #f0e9d7 68.3%, #f5eede 69.8%, #f7f1e3 71.4%, #f7f2e6 73.0%, #f5f1e6 74.6%, #f1ede3 76.2%, #e9e7dc 77.8%, #dfded3 79.4%, #d2d4c8 81.0%, #c3c8bc 82.5%, #b3bbaf 84.1%, #a2ada2 85.7%, #8f9e95 87.3%, #7e9089 88.9%, #6c827e 90.5%, #5c7473 92.1%, #4e676a 93.7%, #425b62 95.2%, #38515a 96.8%, #314854 98.4%, #2c424f 100.0%);
background: linear-gradient(225deg in oklch, oklch(51.18% 0.0551 147.66) 0.0%, oklch(51.31% 0.0557 151.95) 1.6%, oklch(51.44% 0.0566 157.74) 3.2%, oklch(51.58% 0.0575 164.79) 4.8%, oklch(51.73% 0.0586 172.84) 6.3%, oklch(51.90% 0.0598 181.65) 7.9%, oklch(52.08% 0.0611 190.95) 9.5%, oklch(52.27% 0.0624 200.51) 11.1%, oklch(52.49% 0.0637 210.07) 12.7%, oklch(52.73% 0.0650 219.37) 14.3%, oklch(52.99% 0.0663 228.18) 15.9%, oklch(53.28% 0.0676 236.23) 17.5%, oklch(53.61% 0.0687 243.28) 19.0%, oklch(53.96% 0.0697 249.07) 20.6%, oklch(54.35% 0.0706 253.37) 22.2%, oklch(54.77% 0.0713 255.90) 23.8%, oklch(55.24% 0.0718 256.44) 25.4%, oklch(55.70% 0.0722 255.03) 27.0%, oklch(56.16% 0.0727 251.92) 28.6%, oklch(56.62% 0.0732 247.31) 30.2%, oklch(57.09% 0.0737 241.41) 31.7%, oklch(57.58% 0.0741 234.43) 33.3%, oklch(58.10% 0.0744 226.56) 34.9%, oklch(58.66% 0.0746 218.03) 36.5%, oklch(59.26% 0.0747 209.03) 38.1%, oklch(59.92% 0.0746 199.78) 39.7%, oklch(60.64% 0.0744 190.47) 41.3%, oklch(61.44% 0.0740 181.33) 42.9%, oklch(62.31% 0.0733 172.54) 44.4%, oklch(63.28% 0.0724 164.33) 46.0%, oklch(64.34% 0.0712 156.90) 47.6%, oklch(65.51% 0.0698 150.45) 49.2%, oklch(66.85% 0.0679 144.98) 50.8%, oklch(68.60% 0.0655 139.37) 52.4%, oklch(70.73% 0.0624 133.55) 54.0%, oklch(73.16% 0.0590 127.62) 55.6%, oklch(75.81% 0.0551 121.69) 57.1%, oklch(78.60% 0.0509 115.89) 58.7%, oklch(81.44% 0.0466 110.33) 60.3%, oklch(84.25% 0.0422 105.11) 61.9%, oklch(86.96% 0.0378 100.37) 63.5%, oklch(89.47% 0.0335 96.21) 65.1%, oklch(91.70% 0.0294 92.74) 66.7%, oklch(93.58% 0.0257 90.10) 68.3%, oklch(95.02% 0.0223 88.37) 69.8%, oklch(95.94% 0.0194 87.70) 71.4%, oklch(96.25% 0.0171 88.18) 73.0%, oklch(95.88% 0.0154 89.94) 74.6%, oklch(94.71% 0.0146 93.28) 76.2%, oklch(92.67% 0.0143 98.61) 77.8%, oklch(89.88% 0.0146 105.69) 79.4%, oklch(86.45% 0.0154 114.24) 81.0%, oklch(82.50% 0.0166 124.01) 82.5%, oklch(78.13% 0.0181 134.72) 84.1%, oklch(73.46% 0.0199 146.11) 85.7%, oklch(68.60% 0.0219 157.92) 87.3%, oklch(63.67% 0.0240 169.88) 88.9%, oklch(58.78% 0.0261 181.72) 90.5%, oklch(54.04% 0.0282 193.17) 92.1%, oklch(49.57% 0.0302 203.97) 93.7%, oklch(45.48% 0.0321 213.86) 95.2%, oklch(41.88% 0.0337 222.57) 96.8%, oklch(38.89% 0.0349 229.82) 98.4%, oklch(36.61% 0.0358 235.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.055 | 147.7 |
| 2 | 0.551 | 0.072 | 256.5 |
| 3 | 0.661 | 0.069 | 147.7 |
| 4 | 0.957 | 0.015 | 90.6 |
| 5 | 0.366 | 0.036 | 235.4 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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