# Sand tidal seagrass diagonal

Dark green, blue, green and brown linear gradient with 64 colors: #154b2f, #144f34, #13533b, #105843, #0e5d4d, #0e6358, #106963, #15706f, #1d767b, #267c87, #308292, #39879c, #428da6, #4992ae, #4e96b4, #529bb8, #539fbb, #52a2bb, #50a6b8, #4ea8b3, #4eabab, #52aca1, #5aac94, #66ab87, #73a979, #81a66c, #8ea161, #9a9d59, #a39953, #ab9551, #b19250, #b58f51, #b78f52, #b88f52, #b89052, #b79152, #b59452, #b29752, #ae9a53, #a99d55, #a3a058, #9da35c, #97a661, #90a866, #8aa96a, #85aa6e, #81aa71, #7ea971, #7da870, #7ca56e, #7ca26a, #7d9f66, #7e9a61, #7f965b, #809156, #818c50, #82874b, #838247, #837d43, #837940, #83743d, #82713b, #826e3a, #816c39. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, blue, green and brown linear gradient
- Seed: `kWXjZv1B9IFWhrnXoccxJs5w`
- Page: https://grabient.com/kWXjZv1B9IFWhrnXoccxJs5w?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: light center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#154b2f` | `oklch(37.01% 0.0744 156.80)` | Order Green | white, 10 to 1 |
| 2 | `#144f34` | `oklch(38.10% 0.0748 159.65)` | Order Green | white, 9.6 to 1 |
| 3 | `#13533b` | `oklch(39.49% 0.0753 163.72)` | Trapper Green | white, 9 to 1 |
| 4 | `#105843` | `oklch(41.15% 0.0759 168.77)` | Billiard Table | white, 8.4 to 1 |
| 5 | `#0e5d4d` | `oklch(43.02% 0.0765 174.60)` | Alpine Green | white, 7.7 to 1 |
| 6 | `#0e6358` | `oklch(45.06% 0.0772 180.97)` | Philodendron | white, 7.1 to 1 |
| 7 | `#106963` | `oklch(47.24% 0.0780 187.68)` | Butterfly Green | white, 6.4 to 1 |
| 8 | `#15706f` | `oklch(49.49% 0.0788 194.50)` | Boating Green | white, 5.8 to 1 |
| 9 | `#1d767b` | `oklch(51.79% 0.0796 201.21)` | Poseidon’s Castle | white, 5.3 to 1 |
| 10 | `#267c87` | `oklch(54.08% 0.0804 207.60)` | Caribe | white, 4.8 to 1 |
| 11 | `#308292` | `oklch(56.33% 0.0812 213.44)` | Kings of Sea | black, 4.7 to 1 |
| 12 | `#39879c` | `oklch(58.49% 0.0821 218.52)` | Turquesa | black, 5.1 to 1 |
| 13 | `#428da6` | `oklch(60.51% 0.0829 222.62)` | Boston Blue | black, 5.5 to 1 |
| 14 | `#4992ae` | `oklch(62.35% 0.0836 225.51)` | Sora Sky | black, 5.9 to 1 |
| 15 | `#4e96b4` | `oklch(63.97% 0.0843 226.99)` | Heritage Blue | black, 6.3 to 1 |
| 16 | `#529bb8` | `oklch(65.33% 0.0850 226.82)` | Steel Light Blue | black, 6.7 to 1 |
| 17 | `#539fbb` | `oklch(66.38% 0.0856 224.78)` | Rushing Rapids | black, 7 to 1 |
| 18 | `#52a2bb` | `oklch(67.17% 0.0861 220.42)` | Inuit | black, 7.2 to 1 |
| 19 | `#50a6b8` | `oklch(67.77% 0.0867 213.89)` | Blue Calypso | black, 7.4 to 1 |
| 20 | `#4ea8b3` | `oklch(68.20% 0.0872 205.50)` | Gone Fishing | black, 7.6 to 1 |
| 21 | `#4eabab` | `oklch(68.46% 0.0878 195.58)` | Blue Turquoise | black, 7.7 to 1 |
| 22 | `#52aca1` | `oklch(68.59% 0.0883 184.47)` | Dragon Bay | black, 7.7 to 1 |
| 23 | `#5aac94` | `oklch(68.61% 0.0888 172.48)` | O’grady Green | black, 7.7 to 1 |
| 24 | `#66ab87` | `oklch(68.54% 0.0893 159.94)` | Verdigris Green | black, 7.7 to 1 |
| 25 | `#73a979` | `oklch(68.39% 0.0897 147.19)` | Light Grass Green | black, 7.6 to 1 |
| 26 | `#81a66c` | `oklch(68.21% 0.0902 134.54)` | Garden of Eden | black, 7.5 to 1 |
| 27 | `#8ea161` | `oklch(67.99% 0.0906 122.33)` | Zesty Apple | black, 7.4 to 1 |
| 28 | `#9a9d59` | `oklch(67.77% 0.0910 110.88)` | Sweet Pea | black, 7.3 to 1 |
| 29 | `#a39953` | `oklch(67.57% 0.0913 100.51)` | Formosan Green | black, 7.2 to 1 |
| 30 | `#ab9551` | `oklch(67.41% 0.0917 91.57)` | Obsession | black, 7.1 to 1 |
| 31 | `#b19250` | `oklch(67.31% 0.0920 84.36)` | Antique Honey | black, 7 to 1 |
| 32 | `#b58f51` | `oklch(67.29% 0.0922 79.23)` | Yellow Acorn | black, 7 to 1 |
| 33 | `#b78f52` | `oklch(67.38% 0.0924 76.43)` | Harvest Blessing | black, 7 to 1 |
| 34 | `#b88f52` | `oklch(67.53% 0.0927 75.69)` | Harvest Blessing | black, 7 to 1 |
| 35 | `#b89052` | `oklch(67.73% 0.0929 76.71)` | Bugle Boy | black, 7.1 to 1 |
| 36 | `#b79152` | `oklch(67.96% 0.0931 79.27)` | Jungle Expedition | black, 7.2 to 1 |
| 37 | `#b59452` | `oklch(68.23% 0.0933 83.10)` | Antique Honey | black, 7.3 to 1 |
| 38 | `#b29752` | `oklch(68.50% 0.0935 87.96)` | Outdoorsy | black, 7.4 to 1 |
| 39 | `#ae9a53` | `oklch(68.77% 0.0937 93.60)` | Spanish Gold | black, 7.5 to 1 |
| 40 | `#a99d55` | `oklch(69.03% 0.0938 99.77)` | Organic Matter | black, 7.6 to 1 |
| 41 | `#a3a058` | `oklch(69.26% 0.0939 106.23)` | Garden of Earthly Delights | black, 7.7 to 1 |
| 42 | `#9da35c` | `oklch(69.45% 0.0939 112.74)` | Sweet Pea | black, 7.8 to 1 |
| 43 | `#97a661` | `oklch(69.58% 0.0939 119.03)` | Green Smoke | black, 7.9 to 1 |
| 44 | `#90a866` | `oklch(69.65% 0.0938 124.86)` | Green Tea Mochi | black, 7.9 to 1 |
| 45 | `#8aa96a` | `oklch(69.64% 0.0936 130.00)` | Peeled Asparagus | black, 7.9 to 1 |
| 46 | `#85aa6e` | `oklch(69.54% 0.0933 134.18)` | Wyvern Green | black, 7.9 to 1 |
| 47 | `#81aa71` | `oklch(69.33% 0.0929 137.16)` | Sage Garden | black, 7.9 to 1 |
| 48 | `#7ea971` | `oklch(69.00% 0.0925 138.70)` | Garden of Eden | black, 7.8 to 1 |
| 49 | `#7da870` | `oklch(68.53% 0.0918 138.75)` | Garden of Eden | black, 7.6 to 1 |
| 50 | `#7ca56e` | `oklch(67.88% 0.0910 137.76)` | Ready Lawn | black, 7.4 to 1 |
| 51 | `#7ca26a` | `oklch(67.08% 0.0900 135.86)` | Frog Hollow | black, 7.2 to 1 |
| 52 | `#7d9f66` | `oklch(66.16% 0.0889 133.20)` | Green Sky | black, 6.9 to 1 |
| 53 | `#7e9a61` | `oklch(65.13% 0.0877 129.89)` | Walking Dead | black, 6.7 to 1 |
| 54 | `#7f965b` | `oklch(64.02% 0.0863 126.06)` | Pretty Maiden | black, 6.4 to 1 |
| 55 | `#809156` | `oklch(62.86% 0.0850 121.83)` | Camo | black, 6.1 to 1 |
| 56 | `#818c50` | `oklch(61.67% 0.0835 117.35)` | Scarabœus Nobilis | black, 5.8 to 1 |
| 57 | `#82874b` | `oklch(60.47% 0.0821 112.72)` | Field Maple | black, 5.5 to 1 |
| 58 | `#838247` | `oklch(59.29% 0.0807 108.08)` | Basil Chiffonade | black, 5.2 to 1 |
| 59 | `#837d43` | `oklch(58.15% 0.0794 103.55)` | Terrapin | black, 4.9 to 1 |
| 60 | `#837940` | `oklch(57.08% 0.0781 99.26)` | Bay Leaf | black, 4.7 to 1 |
| 61 | `#83743d` | `oklch(56.10% 0.0770 95.34)` | Marsh Grass | white, 4.6 to 1 |
| 62 | `#82713b` | `oklch(55.23% 0.0759 91.92)` | Mustard Magic | white, 4.8 to 1 |
| 63 | `#826e3a` | `oklch(54.50% 0.0751 89.11)` | Time Honoured | white, 4.9 to 1 |
| 64 | `#816c39` | `oklch(53.94% 0.0744 87.05)` | Time Honoured | white, 5 to 1 |

## CSS

```css
background: linear-gradient(225deg, #154b2f 0.0%, #144f34 1.6%, #13533b 3.2%, #105843 4.8%, #0e5d4d 6.3%, #0e6358 7.9%, #106963 9.5%, #15706f 11.1%, #1d767b 12.7%, #267c87 14.3%, #308292 15.9%, #39879c 17.5%, #428da6 19.0%, #4992ae 20.6%, #4e96b4 22.2%, #529bb8 23.8%, #539fbb 25.4%, #52a2bb 27.0%, #50a6b8 28.6%, #4ea8b3 30.2%, #4eabab 31.7%, #52aca1 33.3%, #5aac94 34.9%, #66ab87 36.5%, #73a979 38.1%, #81a66c 39.7%, #8ea161 41.3%, #9a9d59 42.9%, #a39953 44.4%, #ab9551 46.0%, #b19250 47.6%, #b58f51 49.2%, #b78f52 50.8%, #b88f52 52.4%, #b89052 54.0%, #b79152 55.6%, #b59452 57.1%, #b29752 58.7%, #ae9a53 60.3%, #a99d55 61.9%, #a3a058 63.5%, #9da35c 65.1%, #97a661 66.7%, #90a866 68.3%, #8aa96a 69.8%, #85aa6e 71.4%, #81aa71 73.0%, #7ea971 74.6%, #7da870 76.2%, #7ca56e 77.8%, #7ca26a 79.4%, #7d9f66 81.0%, #7e9a61 82.5%, #7f965b 84.1%, #809156 85.7%, #818c50 87.3%, #82874b 88.9%, #838247 90.5%, #837d43 92.1%, #837940 93.7%, #83743d 95.2%, #82713b 96.8%, #826e3a 98.4%, #816c39 100.0%);
background: linear-gradient(225deg in oklch, oklch(37.01% 0.0744 156.80) 0.0%, oklch(38.10% 0.0748 159.65) 1.6%, oklch(39.49% 0.0753 163.72) 3.2%, oklch(41.15% 0.0759 168.77) 4.8%, oklch(43.02% 0.0765 174.60) 6.3%, oklch(45.06% 0.0772 180.97) 7.9%, oklch(47.24% 0.0780 187.68) 9.5%, oklch(49.49% 0.0788 194.50) 11.1%, oklch(51.79% 0.0796 201.21) 12.7%, oklch(54.08% 0.0804 207.60) 14.3%, oklch(56.33% 0.0812 213.44) 15.9%, oklch(58.49% 0.0821 218.52) 17.5%, oklch(60.51% 0.0829 222.62) 19.0%, oklch(62.35% 0.0836 225.51) 20.6%, oklch(63.97% 0.0843 226.99) 22.2%, oklch(65.33% 0.0850 226.82) 23.8%, oklch(66.38% 0.0856 224.78) 25.4%, oklch(67.17% 0.0861 220.42) 27.0%, oklch(67.77% 0.0867 213.89) 28.6%, oklch(68.20% 0.0872 205.50) 30.2%, oklch(68.46% 0.0878 195.58) 31.7%, oklch(68.59% 0.0883 184.47) 33.3%, oklch(68.61% 0.0888 172.48) 34.9%, oklch(68.54% 0.0893 159.94) 36.5%, oklch(68.39% 0.0897 147.19) 38.1%, oklch(68.21% 0.0902 134.54) 39.7%, oklch(67.99% 0.0906 122.33) 41.3%, oklch(67.77% 0.0910 110.88) 42.9%, oklch(67.57% 0.0913 100.51) 44.4%, oklch(67.41% 0.0917 91.57) 46.0%, oklch(67.31% 0.0920 84.36) 47.6%, oklch(67.29% 0.0922 79.23) 49.2%, oklch(67.38% 0.0924 76.43) 50.8%, oklch(67.53% 0.0927 75.69) 52.4%, oklch(67.73% 0.0929 76.71) 54.0%, oklch(67.96% 0.0931 79.27) 55.6%, oklch(68.23% 0.0933 83.10) 57.1%, oklch(68.50% 0.0935 87.96) 58.7%, oklch(68.77% 0.0937 93.60) 60.3%, oklch(69.03% 0.0938 99.77) 61.9%, oklch(69.26% 0.0939 106.23) 63.5%, oklch(69.45% 0.0939 112.74) 65.1%, oklch(69.58% 0.0939 119.03) 66.7%, oklch(69.65% 0.0938 124.86) 68.3%, oklch(69.64% 0.0936 130.00) 69.8%, oklch(69.54% 0.0933 134.18) 71.4%, oklch(69.33% 0.0929 137.16) 73.0%, oklch(69.00% 0.0925 138.70) 74.6%, oklch(68.53% 0.0918 138.75) 76.2%, oklch(67.88% 0.0910 137.76) 77.8%, oklch(67.08% 0.0900 135.86) 79.4%, oklch(66.16% 0.0889 133.20) 81.0%, oklch(65.13% 0.0877 129.89) 82.5%, oklch(64.02% 0.0863 126.06) 84.1%, oklch(62.86% 0.0850 121.83) 85.7%, oklch(61.67% 0.0835 117.35) 87.3%, oklch(60.47% 0.0821 112.72) 88.9%, oklch(59.29% 0.0807 108.08) 90.5%, oklch(58.15% 0.0794 103.55) 92.1%, oklch(57.08% 0.0781 99.26) 93.7%, oklch(56.10% 0.0770 95.34) 95.2%, oklch(55.23% 0.0759 91.92) 96.8%, oklch(54.50% 0.0751 89.11) 98.4%, oklch(53.94% 0.0744 87.05) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.074 | 156.8 |
| 2 | 0.661 | 0.085 | 225.5 |
| 3 | 0.673 | 0.092 | 77.5 |
| 4 | 0.689 | 0.092 | 138.8 |
| 5 | 0.539 | 0.074 | 87.1 |

## In these collections

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

## Other forms

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