# Seafoam sand water diagonal

Analogous beige, green and teal linear gradient with 64 colors: #f3edc9, #f1ecc7, #eeeac4, #ece9c2, #e8e7be, #e5e5bb, #e1e3b8, #dce1b4, #d8deb0, #d2dcad, #cddaa9, #c7d7a5, #c1d5a2, #bad29f, #b4d09c, #adcd99, #a6cb97, #9ec995, #97c793, #8fc491, #88c290, #80c08f, #78be8f, #70bc8e, #68bb8e, #60b98e, #58b88f, #51b78f, #49b690, #41b591, #39b592, #32b493, #2ab594, #23b595, #1ab697, #10b798, #02b89a, #00ba9b, #00bb9d, #00bd9f, #00c0a0, #00c2a2, #00c5a4, #00c7a6, #00caa7, #00cea9, #00d1aa, #00d4ac, #00d8ad, #00dbaf, #05deb0, #12e2b1, #1be5b3, #22e8b4, #29ebb5, #2eeeb6, #33f1b7, #38f3b8, #3cf6b9, #3ff8b9, #42faba, #45fcbb, #46febb, #49ffbc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous beige, green and teal linear gradient
- Seed: `kS7yJG2CzInG_Pu`
- Page: https://grabient.com/kS7yJG2CzInG_Pu?steps=64&angle=225
- Drawn as: linear gradient, 64 steps, 225 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.1 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 | `#f3edc9` | `oklch(94.09% 0.0469 99.14)` | Starbright | black, 17.7 to 1 |
| 2 | `#f1ecc7` | `oklch(93.65% 0.0481 100.41)` | Natural Light | black, 17.5 to 1 |
| 3 | `#eeeac4` | `oklch(93.13% 0.0496 101.89)` | Pineapple Cream | black, 17.2 to 1 |
| 4 | `#ece9c2` | `oklch(92.51% 0.0512 103.58)` | White Asparagus | black, 16.9 to 1 |
| 5 | `#e8e7be` | `oklch(91.83% 0.0530 105.44)` | Lily Scent Green | black, 16.5 to 1 |
| 6 | `#e5e5bb` | `oklch(91.08% 0.0549 107.48)` | Lily Scent Green | black, 16.2 to 1 |
| 7 | `#e1e3b8` | `oklch(90.26% 0.0569 109.67)` | Schabziger Green | black, 15.8 to 1 |
| 8 | `#dce1b4` | `oklch(89.39% 0.0591 112.01)` | Frosty Margarita | black, 15.4 to 1 |
| 9 | `#d8deb0` | `oklch(88.47% 0.0613 114.46)` | Timid Absinthe | black, 15 to 1 |
| 10 | `#d2dcad` | `oklch(87.51% 0.0637 117.03)` | Willow Wind | black, 14.5 to 1 |
| 11 | `#cddaa9` | `oklch(86.51% 0.0662 119.70)` | Chameleon | black, 14.1 to 1 |
| 12 | `#c7d7a5` | `oklch(85.49% 0.0687 122.44)` | Winter Willow Green | black, 13.7 to 1 |
| 13 | `#c1d5a2` | `oklch(84.44% 0.0713 125.25)` | Cricket Field | black, 13.2 to 1 |
| 14 | `#bad29f` | `oklch(83.38% 0.0740 128.11)` | Fava Bean | black, 12.8 to 1 |
| 15 | `#b4d09c` | `oklch(82.31% 0.0767 131.01)` | Fava Bean | black, 12.4 to 1 |
| 16 | `#adcd99` | `oklch(81.24% 0.0795 133.93)` | Greenhorn | black, 12 to 1 |
| 17 | `#a6cb97` | `oklch(80.17% 0.0823 136.86)` | Oh Pistachio | black, 11.6 to 1 |
| 18 | `#9ec995` | `oklch(79.12% 0.0851 139.78)` | Kettle Drum | black, 11.2 to 1 |
| 19 | `#97c793` | `oklch(78.08% 0.0879 142.67)` | Kettle Drum | black, 10.8 to 1 |
| 20 | `#8fc491` | `oklch(77.07% 0.0908 145.53)` | Velvet Leaf | black, 10.5 to 1 |
| 21 | `#88c290` | `oklch(76.09% 0.0936 148.34)` | Country Weekend | black, 10.1 to 1 |
| 22 | `#80c08f` | `oklch(75.15% 0.0964 151.08)` | Greengage | black, 9.8 to 1 |
| 23 | `#78be8f` | `oklch(74.26% 0.0992 153.74)` | Flashman | black, 9.5 to 1 |
| 24 | `#70bc8e` | `oklch(73.42% 0.1020 156.30)` | Silver Tree | black, 9.3 to 1 |
| 25 | `#68bb8e` | `oklch(72.63% 0.1047 158.74)` | Garden Variety | black, 9 to 1 |
| 26 | `#60b98e` | `oklch(71.91% 0.1073 161.07)` | Garden Variety | black, 8.8 to 1 |
| 27 | `#58b88f` | `oklch(71.26% 0.1099 163.25)` | Blue Green Scene | black, 8.6 to 1 |
| 28 | `#51b78f` | `oklch(70.70% 0.1124 165.27)` | Blue Green Scene | black, 8.4 to 1 |
| 29 | `#49b690` | `oklch(70.21% 0.1149 167.13)` | Aruba Green | black, 8.3 to 1 |
| 30 | `#41b591` | `oklch(69.82% 0.1172 168.79)` | Green Blue | black, 8.2 to 1 |
| 31 | `#39b592` | `oklch(69.53% 0.1195 170.26)` | Aoife’s Green | black, 8.1 to 1 |
| 32 | `#32b493` | `oklch(69.34% 0.1216 171.52)` | Aoife’s Green | black, 8.1 to 1 |
| 33 | `#2ab594` | `oklch(69.27% 0.1236 172.55)` | Aoife’s Green | black, 8.1 to 1 |
| 34 | `#23b595` | `oklch(69.30% 0.1257 173.40)` | Aoife’s Green | black, 8.1 to 1 |
| 35 | `#1ab697` | `oklch(69.43% 0.1277 174.10)` | Aoife’s Green | black, 8.1 to 1 |
| 36 | `#10b798` | `oklch(69.66% 0.1297 174.64)` | Aoife’s Green | black, 8.2 to 1 |
| 37 | `#02b89a` | `oklch(69.98% 0.1317 175.04)` | Aare River | black, 8.3 to 1 |
| 38 | `#00ba9b` | `oklch(70.38% 0.1324 175.31)` | Aare River | black, 8.4 to 1 |
| 39 | `#00bb9d` | `oklch(70.86% 0.1331 175.45)` | Aare River | black, 8.6 to 1 |
| 40 | `#00bd9f` | `oklch(71.41% 0.1341 175.48)` | First Post | black, 8.8 to 1 |
| 41 | `#00c0a0` | `oklch(72.02% 0.1353 175.40)` | First Post | black, 9 to 1 |
| 42 | `#00c2a2` | `oklch(72.68% 0.1368 175.22)` | Turquoise | black, 9.2 to 1 |
| 43 | `#00c5a4` | `oklch(73.40% 0.1385 174.95)` | Jadeite | black, 9.4 to 1 |
| 44 | `#00c7a6` | `oklch(74.17% 0.1403 174.60)` | Jadeite | black, 9.7 to 1 |
| 45 | `#00caa7` | `oklch(74.97% 0.1424 174.17)` | Jadeite | black, 10 to 1 |
| 46 | `#00cea9` | `oklch(75.81% 0.1446 173.68)` | Mint Leaf | black, 10.3 to 1 |
| 47 | `#00d1aa` | `oklch(76.67% 0.1470 173.13)` | Mint Leaf | black, 10.6 to 1 |
| 48 | `#00d4ac` | `oklch(77.56% 0.1496 172.54)` | Channel Marker Green | black, 11 to 1 |
| 49 | `#00d8ad` | `oklch(78.46% 0.1523 171.90)` | Channel Marker Green | black, 11.3 to 1 |
| 50 | `#00dbaf` | `oklch(79.36% 0.1551 171.24)` | Lifeless Green | black, 11.7 to 1 |
| 51 | `#05deb0` | `oklch(80.27% 0.1575 170.56)` | Lifeless Green | black, 12.1 to 1 |
| 52 | `#12e2b1` | `oklch(81.17% 0.1590 169.86)` | Lifeless Green | black, 12.5 to 1 |
| 53 | `#1be5b3` | `oklch(82.06% 0.1606 169.16)` | Overchlorinated Pool | black, 12.8 to 1 |
| 54 | `#22e8b4` | `oklch(82.94% 0.1621 168.46)` | Overchlorinated Pool | black, 13.2 to 1 |
| 55 | `#29ebb5` | `oklch(83.79% 0.1635 167.77)` | Overchlorinated Pool | black, 13.6 to 1 |
| 56 | `#2eeeb6` | `oklch(84.61% 0.1649 167.11)` | Overchlorinated Pool | black, 14 to 1 |
| 57 | `#33f1b7` | `oklch(85.40% 0.1662 166.48)` | Bright Teal | black, 14.3 to 1 |
| 58 | `#38f3b8` | `oklch(86.14% 0.1675 165.88)` | Bright Teal | black, 14.7 to 1 |
| 59 | `#3cf6b9` | `oklch(86.84% 0.1687 165.33)` | Bright Teal | black, 15 to 1 |
| 60 | `#3ff8b9` | `oklch(87.48% 0.1698 164.84)` | Ineffable Green | black, 15.3 to 1 |
| 61 | `#42faba` | `oklch(88.06% 0.1709 164.41)` | Greenish Cyan | black, 15.6 to 1 |
| 62 | `#45fcbb` | `oklch(88.57% 0.1719 164.06)` | Greenish Cyan | black, 15.9 to 1 |
| 63 | `#46febb` | `oklch(89.01% 0.1728 163.78)` | Greenish Cyan | black, 16.1 to 1 |
| 64 | `#49ffbc` | `oklch(89.37% 0.1728 163.61)` | Greenish Cyan | black, 16.3 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f3edc9 0.0%, #f1ecc7 1.6%, #eeeac4 3.2%, #ece9c2 4.8%, #e8e7be 6.3%, #e5e5bb 7.9%, #e1e3b8 9.5%, #dce1b4 11.1%, #d8deb0 12.7%, #d2dcad 14.3%, #cddaa9 15.9%, #c7d7a5 17.5%, #c1d5a2 19.0%, #bad29f 20.6%, #b4d09c 22.2%, #adcd99 23.8%, #a6cb97 25.4%, #9ec995 27.0%, #97c793 28.6%, #8fc491 30.2%, #88c290 31.7%, #80c08f 33.3%, #78be8f 34.9%, #70bc8e 36.5%, #68bb8e 38.1%, #60b98e 39.7%, #58b88f 41.3%, #51b78f 42.9%, #49b690 44.4%, #41b591 46.0%, #39b592 47.6%, #32b493 49.2%, #2ab594 50.8%, #23b595 52.4%, #1ab697 54.0%, #10b798 55.6%, #02b89a 57.1%, #00ba9b 58.7%, #00bb9d 60.3%, #00bd9f 61.9%, #00c0a0 63.5%, #00c2a2 65.1%, #00c5a4 66.7%, #00c7a6 68.3%, #00caa7 69.8%, #00cea9 71.4%, #00d1aa 73.0%, #00d4ac 74.6%, #00d8ad 76.2%, #00dbaf 77.8%, #05deb0 79.4%, #12e2b1 81.0%, #1be5b3 82.5%, #22e8b4 84.1%, #29ebb5 85.7%, #2eeeb6 87.3%, #33f1b7 88.9%, #38f3b8 90.5%, #3cf6b9 92.1%, #3ff8b9 93.7%, #42faba 95.2%, #45fcbb 96.8%, #46febb 98.4%, #49ffbc 100.0%);
background: linear-gradient(225deg in oklch, oklch(94.09% 0.0469 99.14) 0.0%, oklch(93.65% 0.0481 100.41) 1.6%, oklch(93.13% 0.0496 101.89) 3.2%, oklch(92.51% 0.0512 103.58) 4.8%, oklch(91.83% 0.0530 105.44) 6.3%, oklch(91.08% 0.0549 107.48) 7.9%, oklch(90.26% 0.0569 109.67) 9.5%, oklch(89.39% 0.0591 112.01) 11.1%, oklch(88.47% 0.0613 114.46) 12.7%, oklch(87.51% 0.0637 117.03) 14.3%, oklch(86.51% 0.0662 119.70) 15.9%, oklch(85.49% 0.0687 122.44) 17.5%, oklch(84.44% 0.0713 125.25) 19.0%, oklch(83.38% 0.0740 128.11) 20.6%, oklch(82.31% 0.0767 131.01) 22.2%, oklch(81.24% 0.0795 133.93) 23.8%, oklch(80.17% 0.0823 136.86) 25.4%, oklch(79.12% 0.0851 139.78) 27.0%, oklch(78.08% 0.0879 142.67) 28.6%, oklch(77.07% 0.0908 145.53) 30.2%, oklch(76.09% 0.0936 148.34) 31.7%, oklch(75.15% 0.0964 151.08) 33.3%, oklch(74.26% 0.0992 153.74) 34.9%, oklch(73.42% 0.1020 156.30) 36.5%, oklch(72.63% 0.1047 158.74) 38.1%, oklch(71.91% 0.1073 161.07) 39.7%, oklch(71.26% 0.1099 163.25) 41.3%, oklch(70.70% 0.1124 165.27) 42.9%, oklch(70.21% 0.1149 167.13) 44.4%, oklch(69.82% 0.1172 168.79) 46.0%, oklch(69.53% 0.1195 170.26) 47.6%, oklch(69.34% 0.1216 171.52) 49.2%, oklch(69.27% 0.1236 172.55) 50.8%, oklch(69.30% 0.1257 173.40) 52.4%, oklch(69.43% 0.1277 174.10) 54.0%, oklch(69.66% 0.1297 174.64) 55.6%, oklch(69.98% 0.1317 175.04) 57.1%, oklch(70.38% 0.1324 175.31) 58.7%, oklch(70.86% 0.1331 175.45) 60.3%, oklch(71.41% 0.1341 175.48) 61.9%, oklch(72.02% 0.1353 175.40) 63.5%, oklch(72.68% 0.1368 175.22) 65.1%, oklch(73.40% 0.1385 174.95) 66.7%, oklch(74.17% 0.1403 174.60) 68.3%, oklch(74.97% 0.1424 174.17) 69.8%, oklch(75.81% 0.1446 173.68) 71.4%, oklch(76.67% 0.1470 173.13) 73.0%, oklch(77.56% 0.1496 172.54) 74.6%, oklch(78.46% 0.1523 171.90) 76.2%, oklch(79.36% 0.1551 171.24) 77.8%, oklch(80.27% 0.1575 170.56) 79.4%, oklch(81.17% 0.1590 169.86) 81.0%, oklch(82.06% 0.1606 169.16) 82.5%, oklch(82.94% 0.1621 168.46) 84.1%, oklch(83.79% 0.1635 167.77) 85.7%, oklch(84.61% 0.1649 167.11) 87.3%, oklch(85.40% 0.1662 166.48) 88.9%, oklch(86.14% 0.1675 165.88) 90.5%, oklch(86.84% 0.1687 165.33) 92.1%, oklch(87.48% 0.1698 164.84) 93.7%, oklch(88.06% 0.1709 164.41) 95.2%, oklch(88.57% 0.1719 164.06) 96.8%, oklch(89.01% 0.1728 163.78) 98.4%, oklch(89.37% 0.1728 163.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.047 | 99.1 |
| 2 | 0.693 | 0.123 | 172.1 |
| 3 | 0.894 | 0.174 | 163.6 |

## In these collections

- [Beach gradients](https://grabient.com/beach-gradients)

## Other forms

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