# Seafoam violet seagrass rings

Gray, light blue, teal and green linear gradient with 56 colors: #436553, #406758, #3d695f, #3a6a68, #3a6b71, #3f6b7a, #476a82, #516a88, #5c6a8d, #676a90, #716b92, #796e94, #807298, #87789e, #8e80a5, #9588ad, #9b91b5, #a09abe, #a6a3c6, #aaabce, #aeb3d5, #b1b9da, #b3bede, #b4c1e0, #b5c3e1, #b4c5e1, #b3c5e1, #b1c5df, #aec4dd, #abc3db, #a7c2d8, #a3c1d5, #9fbfd2, #9abdcf, #94bccb, #8cb9c6, #84b6bf, #7bb2b8, #72aeaf, #69aaa5, #62a79b, #5da391, #5aa087, #5a9d7f, #5b9c77, #5e9b72, #629c6d, #679d6a, #6d9f68, #73a166, #79a465, #80a765, #85a964, #8bab64, #8fad63, #92ae63. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, light blue, teal and green linear gradient
- Seed: `kYeSRyR5XQOYRPNjELr0R-3lqmvA`
- Page: https://grabient.com/kYeSRyR5XQOYRPNjELr0R-3lqmvA?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: light center, cool, multicolor
- Hues: wide
- 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 | `#436553` | `oklch(47.64% 0.0496 160.31)` | Isle of Pines | white, 6.4 to 1 |
| 2 | `#406758` | `oklch(48.04% 0.0502 168.26)` | June Ivy | white, 6.3 to 1 |
| 3 | `#3d695f` | `oklch(48.48% 0.0511 179.15)` | Dignified | white, 6.2 to 1 |
| 4 | `#3a6a68` | `oklch(48.96% 0.0521 192.30)` | Betta Fish | white, 6.1 to 1 |
| 5 | `#3a6b71` | `oklch(49.50% 0.0533 207.04)` | Aquarium | white, 5.9 to 1 |
| 6 | `#3f6b7a` | `oklch(50.12% 0.0546 222.70)` | Mammoth Mountain | white, 5.8 to 1 |
| 7 | `#476a82` | `oklch(50.84% 0.0558 238.58)` | Eames for Blue | white, 5.7 to 1 |
| 8 | `#516a88` | `oklch(51.65% 0.0570 254.01)` | Wedgewood | white, 5.5 to 1 |
| 9 | `#5c6a8d` | `oklch(52.60% 0.0580 268.32)` | Allegiance | white, 5.4 to 1 |
| 10 | `#676a90` | `oklch(53.67% 0.0587 280.82)` | Wild Wisteria | white, 5.1 to 1 |
| 11 | `#716b92` | `oklch(54.90% 0.0592 290.84)` | Purple Grapes | white, 4.9 to 1 |
| 12 | `#796e94` | `oklch(56.30% 0.0593 297.69)` | Arabian Silk | white, 4.6 to 1 |
| 13 | `#807298` | `oklch(58.00% 0.0589 301.50)` | Purple Haze | black, 4.8 to 1 |
| 14 | `#87789e` | `oklch(60.09% 0.0582 303.07)` | Relic | black, 5.2 to 1 |
| 15 | `#8e80a5` | `oklch(62.45% 0.0572 302.73)` | Violet Chalk | black, 5.7 to 1 |
| 16 | `#9588ad` | `oklch(65.01% 0.0559 300.81)` | Larkspur Violet | black, 6.3 to 1 |
| 17 | `#9b91b5` | `oklch(67.66% 0.0545 297.65)` | Indifferent | black, 7 to 1 |
| 18 | `#a09abe` | `oklch(70.32% 0.0530 293.58)` | Grape Gatsby | black, 7.8 to 1 |
| 19 | `#a6a3c6` | `oklch(72.88% 0.0515 288.94)` | Canyon Mist | black, 8.6 to 1 |
| 20 | `#aaabce` | `oklch(75.25% 0.0500 284.05)` | Melody Purple | black, 9.4 to 1 |
| 21 | `#aeb3d5` | `oklch(77.35% 0.0487 279.25)` | Pixie Violet | black, 10.1 to 1 |
| 22 | `#b1b9da` | `oklch(79.06% 0.0476 274.88)` | Frosted Iris | black, 10.8 to 1 |
| 23 | `#b3bede` | `oklch(80.31% 0.0469 271.27)` | Wish | black, 11.3 to 1 |
| 24 | `#b4c1e0` | `oklch(81.14% 0.0462 268.13)` | Stardust Evening | black, 11.6 to 1 |
| 25 | `#b5c3e1` | `oklch(81.65% 0.0454 264.94)` | Periwinkle Bud | black, 11.8 to 1 |
| 26 | `#b4c5e1` | `oklch(81.89% 0.0445 261.66)` | Periwinkle Bud | black, 11.9 to 1 |
| 27 | `#b3c5e1` | `oklch(81.90% 0.0437 258.27)` | Simply Sparkling | black, 11.9 to 1 |
| 28 | `#b1c5df` | `oklch(81.69% 0.0431 254.74)` | Summer Storm | black, 11.9 to 1 |
| 29 | `#aec4dd` | `oklch(81.31% 0.0426 251.04)` | Light Steel Blue | black, 11.7 to 1 |
| 30 | `#abc3db` | `oklch(80.79% 0.0424 247.14)` | Blue Prism | black, 11.6 to 1 |
| 31 | `#a7c2d8` | `oklch(80.16% 0.0425 243.02)` | Blue Bows | black, 11.3 to 1 |
| 32 | `#a3c1d5` | `oklch(79.46% 0.0430 238.64)` | Blue Bows | black, 11.1 to 1 |
| 33 | `#9fbfd2` | `oklch(78.71% 0.0440 233.98)` | Gift of the Sea | black, 10.8 to 1 |
| 34 | `#9abdcf` | `oklch(77.95% 0.0455 229.00)` | Gentle Sky | black, 10.5 to 1 |
| 35 | `#94bccb` | `oklch(77.03% 0.0477 223.49)` | Sydney Harbour | black, 10.2 to 1 |
| 36 | `#8cb9c6` | `oklch(75.80% 0.0507 217.35)` | Trisha’s Eyes | black, 9.8 to 1 |
| 37 | `#84b6bf` | `oklch(74.35% 0.0543 210.72)` | Lifeboat Blue | black, 9.4 to 1 |
| 38 | `#7bb2b8` | `oklch(72.76% 0.0583 203.76)` | Buoyancy | black, 8.9 to 1 |
| 39 | `#72aeaf` | `oklch(71.09% 0.0626 196.60)` | Poolrooms | black, 8.4 to 1 |
| 40 | `#69aaa5` | `oklch(69.42% 0.0671 189.42)` | Veranda | black, 7.9 to 1 |
| 41 | `#62a79b` | `oklch(67.84% 0.0716 182.34)` | Dragon Bay | black, 7.4 to 1 |
| 42 | `#5da391` | `oklch(66.40% 0.0760 175.54)` | Polished Pine | black, 7.1 to 1 |
| 43 | `#5aa087` | `oklch(65.20% 0.0801 169.14)` | Scotch Lassie | black, 6.8 to 1 |
| 44 | `#5a9d7f` | `oklch(64.30% 0.0837 163.31)` | Memphis Green | black, 6.5 to 1 |
| 45 | `#5b9c77` | `oklch(63.78% 0.0868 158.20)` | Memphis Green | black, 6.4 to 1 |
| 46 | `#5e9b72` | `oklch(63.67% 0.0895 153.67)` | Rosemary Green | black, 6.4 to 1 |
| 47 | `#629c6d` | `oklch(63.92% 0.0919 149.48)` | Leafy | black, 6.4 to 1 |
| 48 | `#679d6a` | `oklch(64.46% 0.0942 145.63)` | Leafy | black, 6.6 to 1 |
| 49 | `#6d9f68` | `oklch(65.22% 0.0963 142.11)` | Blackthorn Green | black, 6.8 to 1 |
| 50 | `#73a166` | `oklch(66.14% 0.0982 138.89)` | Bulbasaur | black, 7 to 1 |
| 51 | `#79a465` | `oklch(67.15% 0.0999 135.97)` | Dull Green | black, 7.3 to 1 |
| 52 | `#80a765` | `oklch(68.18% 0.1014 133.34)` | Peeled Asparagus | black, 7.5 to 1 |
| 53 | `#85a964` | `oklch(69.17% 0.1028 130.98)` | Peeled Asparagus | black, 7.8 to 1 |
| 54 | `#8bab64` | `oklch(70.06% 0.1041 128.89)` | Celuce | black, 8.1 to 1 |
| 55 | `#8fad63` | `oklch(70.78% 0.1052 127.04)` | Celuce | black, 8.3 to 1 |
| 56 | `#92ae63` | `oklch(71.26% 0.1061 125.44)` | Herbal Garden | black, 8.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #436553 0.0%, #406758 1.8%, #3d695f 3.6%, #3a6a68 5.5%, #3a6b71 7.3%, #3f6b7a 9.1%, #476a82 10.9%, #516a88 12.7%, #5c6a8d 14.5%, #676a90 16.4%, #716b92 18.2%, #796e94 20.0%, #807298 21.8%, #87789e 23.6%, #8e80a5 25.5%, #9588ad 27.3%, #9b91b5 29.1%, #a09abe 30.9%, #a6a3c6 32.7%, #aaabce 34.5%, #aeb3d5 36.4%, #b1b9da 38.2%, #b3bede 40.0%, #b4c1e0 41.8%, #b5c3e1 43.6%, #b4c5e1 45.5%, #b3c5e1 47.3%, #b1c5df 49.1%, #aec4dd 50.9%, #abc3db 52.7%, #a7c2d8 54.5%, #a3c1d5 56.4%, #9fbfd2 58.2%, #9abdcf 60.0%, #94bccb 61.8%, #8cb9c6 63.6%, #84b6bf 65.5%, #7bb2b8 67.3%, #72aeaf 69.1%, #69aaa5 70.9%, #62a79b 72.7%, #5da391 74.5%, #5aa087 76.4%, #5a9d7f 78.2%, #5b9c77 80.0%, #5e9b72 81.8%, #629c6d 83.6%, #679d6a 85.5%, #6d9f68 87.3%, #73a166 89.1%, #79a465 90.9%, #80a765 92.7%, #85a964 94.5%, #8bab64 96.4%, #8fad63 98.2%, #92ae63 100.0%);
background: linear-gradient(135deg in oklch, oklch(47.64% 0.0496 160.31) 0.0%, oklch(48.04% 0.0502 168.26) 1.8%, oklch(48.48% 0.0511 179.15) 3.6%, oklch(48.96% 0.0521 192.30) 5.5%, oklch(49.50% 0.0533 207.04) 7.3%, oklch(50.12% 0.0546 222.70) 9.1%, oklch(50.84% 0.0558 238.58) 10.9%, oklch(51.65% 0.0570 254.01) 12.7%, oklch(52.60% 0.0580 268.32) 14.5%, oklch(53.67% 0.0587 280.82) 16.4%, oklch(54.90% 0.0592 290.84) 18.2%, oklch(56.30% 0.0593 297.69) 20.0%, oklch(58.00% 0.0589 301.50) 21.8%, oklch(60.09% 0.0582 303.07) 23.6%, oklch(62.45% 0.0572 302.73) 25.5%, oklch(65.01% 0.0559 300.81) 27.3%, oklch(67.66% 0.0545 297.65) 29.1%, oklch(70.32% 0.0530 293.58) 30.9%, oklch(72.88% 0.0515 288.94) 32.7%, oklch(75.25% 0.0500 284.05) 34.5%, oklch(77.35% 0.0487 279.25) 36.4%, oklch(79.06% 0.0476 274.88) 38.2%, oklch(80.31% 0.0469 271.27) 40.0%, oklch(81.14% 0.0462 268.13) 41.8%, oklch(81.65% 0.0454 264.94) 43.6%, oklch(81.89% 0.0445 261.66) 45.5%, oklch(81.90% 0.0437 258.27) 47.3%, oklch(81.69% 0.0431 254.74) 49.1%, oklch(81.31% 0.0426 251.04) 50.9%, oklch(80.79% 0.0424 247.14) 52.7%, oklch(80.16% 0.0425 243.02) 54.5%, oklch(79.46% 0.0430 238.64) 56.4%, oklch(78.71% 0.0440 233.98) 58.2%, oklch(77.95% 0.0455 229.00) 60.0%, oklch(77.03% 0.0477 223.49) 61.8%, oklch(75.80% 0.0507 217.35) 63.6%, oklch(74.35% 0.0543 210.72) 65.5%, oklch(72.76% 0.0583 203.76) 67.3%, oklch(71.09% 0.0626 196.60) 69.1%, oklch(69.42% 0.0671 189.42) 70.9%, oklch(67.84% 0.0716 182.34) 72.7%, oklch(66.40% 0.0760 175.54) 74.5%, oklch(65.20% 0.0801 169.14) 76.4%, oklch(64.30% 0.0837 163.31) 78.2%, oklch(63.78% 0.0868 158.20) 80.0%, oklch(63.67% 0.0895 153.67) 81.8%, oklch(63.92% 0.0919 149.48) 83.6%, oklch(64.46% 0.0942 145.63) 85.5%, oklch(65.22% 0.0963 142.11) 87.3%, oklch(66.14% 0.0982 138.89) 89.1%, oklch(67.15% 0.0999 135.97) 90.9%, oklch(68.18% 0.1014 133.34) 92.7%, oklch(69.17% 0.1028 130.98) 94.5%, oklch(70.06% 0.1041 128.89) 96.4%, oklch(70.78% 0.1052 127.04) 98.2%, oklch(71.26% 0.1061 125.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.476 | 0.05 | 160.3 |
| 2 | 0.563 | 0.059 | 297.7 |
| 3 | 0.803 | 0.047 | 271.3 |
| 4 | 0.78 | 0.045 | 229 |
| 5 | 0.638 | 0.087 | 158.2 |
| 6 | 0.713 | 0.106 | 125.4 |

## In these collections

- [Spring tide seagrass](https://grabient.com/spring-tide-seagrass)

## Other forms

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