# Coral cobalt seafoam glow

Beige, green, blue and teal linear gradient with 56 colors: #fee6db, #fce1d4, #f9dbcb, #f7d3c1, #f3cbb5, #efc3a8, #ebba9b, #e5b18c, #dea97d, #d7a16e, #cd9b5f, #c29652, #b39347, #a09041, #8a8c40, #718846, #57834e, #3e7d58, #277660, #116f66, #01696c, #006370, #016074, #035f7a, #046082, #05638d, #066798, #086ca5, #0972b3, #0a78c1, #097fcd, #0786d9, #068de2, #0793e9, #0999ed, #0ca0ee, #14a7ee, #20aeeb, #2fb5e8, #3fbbe3, #4ec1df, #5cc6db, #68cad8, #71cdd6, #76d0d4, #77d3d3, #74d5d2, #6fd7d0, #68d9ce, #5edbcb, #52dcc7, #45ddc3, #36debe, #25dfba, #10e0b6, #00e0b2. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Beige, green, blue and teal linear gradient
- Seed: `kY7xYhWSTDjmd0LRu8M5h-6ea5vI`
- Page: https://grabient.com/kY7xYhWSTDjmd0LRu8M5h-6ea5vI?steps=56&angle=135
- Drawn as: linear gradient, 56 steps, 135 degrees
- Kinds: dark center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.9 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 | `#fee6db` | `oklch(94.09% 0.0303 46.41)` | French Manicure | black, 17.5 to 1 |
| 2 | `#fce1d4` | `oklch(92.82% 0.0344 47.62)` | Light Quilt | black, 16.8 to 1 |
| 3 | `#f9dbcb` | `oklch(91.20% 0.0400 48.61)` | Pink Sea Salt | black, 16 to 1 |
| 4 | `#f7d3c1` | `oklch(89.30% 0.0468 49.55)` | Tuft Bush | black, 15 to 1 |
| 5 | `#f3cbb5` | `oklch(87.16% 0.0545 50.63)` | Bellini | black, 14 to 1 |
| 6 | `#efc3a8` | `oklch(84.85% 0.0626 52.01)` | Siesta | black, 13 to 1 |
| 7 | `#ebba9b` | `oklch(82.40% 0.0707 53.89)` | Caramel Powder | black, 11.9 to 1 |
| 8 | `#e5b18c` | `oklch(79.88% 0.0787 56.45)` | Ancient Inca | black, 10.9 to 1 |
| 9 | `#dea97d` | `oklch(77.33% 0.0860 59.86)` | Thai Ice Tea | black, 10 to 1 |
| 10 | `#d7a16e` | `oklch(74.82% 0.0923 64.31)` | Sassy Sassafras | black, 9.2 to 1 |
| 11 | `#cd9b5f` | `oklch(72.38% 0.0973 69.98)` | Butternut Tree | black, 8.4 to 1 |
| 12 | `#c29652` | `oklch(70.08% 0.1006 77.05)` | Amber Gold | black, 7.7 to 1 |
| 13 | `#b39347` | `oklch(67.69% 0.1018 86.19)` | Venetian Gold | black, 7.1 to 1 |
| 14 | `#a09041` | `oklch(65.03% 0.1012 97.59)` | Off the Grid | black, 6.5 to 1 |
| 15 | `#8a8c40` | `oklch(62.19% 0.0990 110.76)` | Vegetable Garden | black, 5.9 to 1 |
| 16 | `#718846` | `oklch(59.28% 0.0959 125.18)` | Green Suede | black, 5.3 to 1 |
| 17 | `#57834e` | `oklch(56.40% 0.0921 140.35)` | Rambling Green | black, 4.7 to 1 |
| 18 | `#3e7d58` | `oklch(53.64% 0.0882 155.76)` | Amazon | white, 4.9 to 1 |
| 19 | `#277660` | `oklch(51.11% 0.0846 170.90)` | Nordic Forest | white, 5.4 to 1 |
| 20 | `#116f66` | `oklch(48.91% 0.0816 185.27)` | Tide Pools | white, 6 to 1 |
| 21 | `#01696c` | `oklch(47.14% 0.0798 198.36)` | Aqua Obscura | white, 6.5 to 1 |
| 22 | `#006370` | `oklch(45.90% 0.0793 209.67)` | Blue Lagoon | white, 6.9 to 1 |
| 23 | `#016074` | `oklch(45.28% 0.0813 218.66)` | Ocean Radiance | white, 7.1 to 1 |
| 24 | `#035f7a` | `oklch(45.36% 0.0856 225.72)` | Blue-Collar | white, 7.1 to 1 |
| 25 | `#046082` | `oklch(46.09% 0.0923 231.60)` | Adriatic Sea | white, 6.9 to 1 |
| 26 | `#05638d` | `oklch(47.35% 0.1008 236.38)` | Reservoir | white, 6.6 to 1 |
| 27 | `#066798` | `oklch(49.05% 0.1106 240.16)` | Europe Blue | white, 6.1 to 1 |
| 28 | `#086ca5` | `oklch(51.07% 0.1210 243.03)` | Bowen Blue | white, 5.6 to 1 |
| 29 | `#0972b3` | `oklch(53.31% 0.1315 245.08)` | Cobalt Glaze | white, 5.1 to 1 |
| 30 | `#0a78c1` | `oklch(55.67% 0.1414 246.39)` | Diva Blue | white, 4.6 to 1 |
| 31 | `#097fcd` | `oklch(58.04% 0.1502 247.06)` | Electron Blue | black, 4.9 to 1 |
| 32 | `#0786d9` | `oklch(60.31% 0.1573 247.18)` | Blue Cola | black, 5.4 to 1 |
| 33 | `#068de2` | `oklch(62.39% 0.1621 246.84)` | Blue Cola | black, 5.8 to 1 |
| 34 | `#0793e9` | `oklch(64.17% 0.1640 246.13)` | Pervenche | black, 6.3 to 1 |
| 35 | `#0999ed` | `oklch(65.80% 0.1624 244.62)` | Pervenche | black, 6.7 to 1 |
| 36 | `#0ca0ee` | `oklch(67.49% 0.1577 241.94)` | Button Blue | black, 7.2 to 1 |
| 37 | `#14a7ee` | `oklch(69.20% 0.1504 238.30)` | Vivid Cerulean | black, 7.7 to 1 |
| 38 | `#20aeeb` | `oklch(70.91% 0.1414 233.91)` | Lynx Screen Blue | black, 8.3 to 1 |
| 39 | `#2fb5e8` | `oklch(72.58% 0.1313 228.99)` | Cyanite | black, 8.8 to 1 |
| 40 | `#3fbbe3` | `oklch(74.20% 0.1208 223.72)` | Lake Thun | black, 9.4 to 1 |
| 41 | `#4ec1df` | `oklch(75.72% 0.1106 218.33)` | Naxos Sky | black, 10 to 1 |
| 42 | `#5cc6db` | `oklch(77.12% 0.1014 213.02)` | Rushing Stream | black, 10.5 to 1 |
| 43 | `#68cad8` | `oklch(78.38% 0.0939 208.00)` | Betsy | black, 10.9 to 1 |
| 44 | `#71cdd6` | `oklch(79.45% 0.0888 203.47)` | Summer of ’82 | black, 11.3 to 1 |
| 45 | `#76d0d4` | `oklch(80.31% 0.0868 199.64)` | Soft Turquoise | black, 11.7 to 1 |
| 46 | `#77d3d3` | `oklch(80.94% 0.0880 196.26)` | Belize | black, 12 to 1 |
| 47 | `#74d5d2` | `oklch(81.35% 0.0918 192.97)` | Water Wonder | black, 12.2 to 1 |
| 48 | `#6fd7d0` | `oklch(81.57% 0.0976 189.79)` | Hammam Blue | black, 12.3 to 1 |
| 49 | `#68d9ce` | `oklch(81.63% 0.1049 186.74)` | Hammam Blue | black, 12.4 to 1 |
| 50 | `#5edbcb` | `oklch(81.58% 0.1134 183.84)` | Jazzy Jade | black, 12.4 to 1 |
| 51 | `#52dcc7` | `oklch(81.44% 0.1224 181.13)` | Jazzy Jade | black, 12.4 to 1 |
| 52 | `#45ddc3` | `oklch(81.26% 0.1314 178.62)` | Celestial Green | black, 12.3 to 1 |
| 53 | `#36debe` | `oklch(81.06% 0.1401 176.34)` | Celestial Green | black, 12.3 to 1 |
| 54 | `#25dfba` | `oklch(80.87% 0.1478 174.31)` | Celestial Green | black, 12.3 to 1 |
| 55 | `#10e0b6` | `oklch(80.75% 0.1541 172.56)` | Lifeless Green | black, 12.3 to 1 |
| 56 | `#00e0b2` | `oklch(80.71% 0.1579 171.10)` | Lifeless Green | black, 12.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fee6db 0.0%, #fce1d4 1.8%, #f9dbcb 3.6%, #f7d3c1 5.5%, #f3cbb5 7.3%, #efc3a8 9.1%, #ebba9b 10.9%, #e5b18c 12.7%, #dea97d 14.5%, #d7a16e 16.4%, #cd9b5f 18.2%, #c29652 20.0%, #b39347 21.8%, #a09041 23.6%, #8a8c40 25.5%, #718846 27.3%, #57834e 29.1%, #3e7d58 30.9%, #277660 32.7%, #116f66 34.5%, #01696c 36.4%, #006370 38.2%, #016074 40.0%, #035f7a 41.8%, #046082 43.6%, #05638d 45.5%, #066798 47.3%, #086ca5 49.1%, #0972b3 50.9%, #0a78c1 52.7%, #097fcd 54.5%, #0786d9 56.4%, #068de2 58.2%, #0793e9 60.0%, #0999ed 61.8%, #0ca0ee 63.6%, #14a7ee 65.5%, #20aeeb 67.3%, #2fb5e8 69.1%, #3fbbe3 70.9%, #4ec1df 72.7%, #5cc6db 74.5%, #68cad8 76.4%, #71cdd6 78.2%, #76d0d4 80.0%, #77d3d3 81.8%, #74d5d2 83.6%, #6fd7d0 85.5%, #68d9ce 87.3%, #5edbcb 89.1%, #52dcc7 90.9%, #45ddc3 92.7%, #36debe 94.5%, #25dfba 96.4%, #10e0b6 98.2%, #00e0b2 100.0%);
background: linear-gradient(135deg in oklch, oklch(94.09% 0.0303 46.41) 0.0%, oklch(92.82% 0.0344 47.62) 1.8%, oklch(91.20% 0.0400 48.61) 3.6%, oklch(89.30% 0.0468 49.55) 5.5%, oklch(87.16% 0.0545 50.63) 7.3%, oklch(84.85% 0.0626 52.01) 9.1%, oklch(82.40% 0.0707 53.89) 10.9%, oklch(79.88% 0.0787 56.45) 12.7%, oklch(77.33% 0.0860 59.86) 14.5%, oklch(74.82% 0.0923 64.31) 16.4%, oklch(72.38% 0.0973 69.98) 18.2%, oklch(70.08% 0.1006 77.05) 20.0%, oklch(67.69% 0.1018 86.19) 21.8%, oklch(65.03% 0.1012 97.59) 23.6%, oklch(62.19% 0.0990 110.76) 25.5%, oklch(59.28% 0.0959 125.18) 27.3%, oklch(56.40% 0.0921 140.35) 29.1%, oklch(53.64% 0.0882 155.76) 30.9%, oklch(51.11% 0.0846 170.90) 32.7%, oklch(48.91% 0.0816 185.27) 34.5%, oklch(47.14% 0.0798 198.36) 36.4%, oklch(45.90% 0.0793 209.67) 38.2%, oklch(45.28% 0.0813 218.66) 40.0%, oklch(45.36% 0.0856 225.72) 41.8%, oklch(46.09% 0.0923 231.60) 43.6%, oklch(47.35% 0.1008 236.38) 45.5%, oklch(49.05% 0.1106 240.16) 47.3%, oklch(51.07% 0.1210 243.03) 49.1%, oklch(53.31% 0.1315 245.08) 50.9%, oklch(55.67% 0.1414 246.39) 52.7%, oklch(58.04% 0.1502 247.06) 54.5%, oklch(60.31% 0.1573 247.18) 56.4%, oklch(62.39% 0.1621 246.84) 58.2%, oklch(64.17% 0.1640 246.13) 60.0%, oklch(65.80% 0.1624 244.62) 61.8%, oklch(67.49% 0.1577 241.94) 63.6%, oklch(69.20% 0.1504 238.30) 65.5%, oklch(70.91% 0.1414 233.91) 67.3%, oklch(72.58% 0.1313 228.99) 69.1%, oklch(74.20% 0.1208 223.72) 70.9%, oklch(75.72% 0.1106 218.33) 72.7%, oklch(77.12% 0.1014 213.02) 74.5%, oklch(78.38% 0.0939 208.00) 76.4%, oklch(79.45% 0.0888 203.47) 78.2%, oklch(80.31% 0.0868 199.64) 80.0%, oklch(80.94% 0.0880 196.26) 81.8%, oklch(81.35% 0.0918 192.97) 83.6%, oklch(81.57% 0.0976 189.79) 85.5%, oklch(81.63% 0.1049 186.74) 87.3%, oklch(81.58% 0.1134 183.84) 89.1%, oklch(81.44% 0.1224 181.13) 90.9%, oklch(81.26% 0.1314 178.62) 92.7%, oklch(81.06% 0.1401 176.34) 94.5%, oklch(80.87% 0.1478 174.31) 96.4%, oklch(80.75% 0.1541 172.56) 98.2%, oklch(80.71% 0.1579 171.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.03 | 46.4 |
| 2 | 0.701 | 0.101 | 77.1 |
| 3 | 0.453 | 0.081 | 218.7 |
| 4 | 0.642 | 0.164 | 246.1 |
| 5 | 0.803 | 0.087 | 199.6 |
| 6 | 0.807 | 0.158 | 171.1 |

## In these collections

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

## Other forms

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