# Tidal violet seafoam diagonal

Light blue, teal, purple and navy linear gradient with 56 colors: #9baeb7, #99aeb7, #95aeb7, #91aeb7, #8baeb6, #86adb5, #80adb3, #7aadb1, #74adad, #6eacaa, #68aca6, #63aba2, #5eaa9e, #5aa89a, #56a798, #52a595, #4da293, #49a091, #459d90, #41998e, #3c968d, #38938c, #35908c, #328c8c, #2f898c, #2e868d, #2d848f, #2e8190, #307f93, #357e96, #3c7c9b, #457ba0, #4f79a4, #5b78a7, #6676a9, #7075aa, #7a73a8, #8271a6, #8870a3, #8c6e9f, #8d6c9a, #8d6996, #8a6692, #84628d, #7c5e89, #725984, #67547e, #5c4e78, #504972, #44446a, #383e63, #2d395b, #243553, #1b314d, #142d47, #0f2b42. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Light blue, teal, purple and navy linear gradient
- Seed: `kWvBKiVZ46Ucdw_InMxo5Q3Q`
- Page: https://grabient.com/kWvBKiVZ46Ucdw_InMxo5Q3Q?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: light to dark, muted, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 6.3 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 | `#9baeb7` | `oklch(74.02% 0.0248 227.81)` | Irogon Blue | black, 9.1 to 1 |
| 2 | `#99aeb7` | `oklch(73.75% 0.0273 225.64)` | Mountain Stream | black, 9 to 1 |
| 3 | `#95aeb7` | `oklch(73.44% 0.0307 222.69)` | Mountain Stream | black, 9 to 1 |
| 4 | `#91aeb7` | `oklch(73.09% 0.0347 219.09)` | Mountain Stream | black, 8.9 to 1 |
| 5 | `#8baeb6` | `oklch(72.70% 0.0392 215.02)` | Bon Voyage | black, 8.8 to 1 |
| 6 | `#86adb5` | `oklch(72.27% 0.0441 210.60)` | Aquitaine | black, 8.6 to 1 |
| 7 | `#80adb3` | `oklch(71.81% 0.0492 205.99)` | November Skies | black, 8.5 to 1 |
| 8 | `#7aadb1` | `oklch(71.32% 0.0545 201.34)` | Venice Escape | black, 8.4 to 1 |
| 9 | `#74adad` | `oklch(70.80% 0.0597 196.80)` | Poolrooms | black, 8.3 to 1 |
| 10 | `#6eacaa` | `oklch(70.25% 0.0648 192.52)` | Poolrooms | black, 8.1 to 1 |
| 11 | `#68aca6` | `oklch(69.67% 0.0696 188.65)` | Turquoise Fantasies | black, 8 to 1 |
| 12 | `#63aba2` | `oklch(69.07% 0.0740 185.32)` | Veranda | black, 7.8 to 1 |
| 13 | `#5eaa9e` | `oklch(68.45% 0.0778 182.70)` | Dragon Bay | black, 7.6 to 1 |
| 14 | `#5aa89a` | `oklch(67.81% 0.0809 180.94)` | Dragon Bay | black, 7.5 to 1 |
| 15 | `#56a798` | `oklch(67.15% 0.0832 180.15)` | Polished Pine | black, 7.3 to 1 |
| 16 | `#52a595` | `oklch(66.42% 0.0848 180.01)` | Golf Blazer | black, 7.1 to 1 |
| 17 | `#4da293` | `oklch(65.58% 0.0859 180.33)` | Golf Blazer | black, 6.9 to 1 |
| 18 | `#49a091` | `oklch(64.68% 0.0865 181.11)` | Aqua Revival | black, 6.6 to 1 |
| 19 | `#459d90` | `oklch(63.73% 0.0867 182.34)` | Dioptase Green | black, 6.4 to 1 |
| 20 | `#41998e` | `oklch(62.74% 0.0865 184.00)` | Sea | black, 6.1 to 1 |
| 21 | `#3c968d` | `oklch(61.74% 0.0861 186.08)` | Sea | black, 5.9 to 1 |
| 22 | `#38938c` | `oklch(60.75% 0.0855 188.57)` | Highlands | black, 5.7 to 1 |
| 23 | `#35908c` | `oklch(59.79% 0.0848 191.47)` | Fish Story | black, 5.4 to 1 |
| 24 | `#328c8c` | `oklch(58.88% 0.0840 194.75)` | Taos Turquoise | black, 5.2 to 1 |
| 25 | `#2f898c` | `oklch(58.03% 0.0832 198.42)` | Turkish Jade | black, 5.1 to 1 |
| 26 | `#2e868d` | `oklch(57.28% 0.0824 202.45)` | Turkish Jade | black, 4.9 to 1 |
| 27 | `#2d848f` | `oklch(56.63% 0.0818 206.84)` | Sea Bed | black, 4.7 to 1 |
| 28 | `#2e8190` | `oklch(56.11% 0.0814 211.58)` | Forget-Me-Not Blue | black, 4.6 to 1 |
| 29 | `#307f93` | `oklch(55.76% 0.0812 216.82)` | Forget-Me-Not Blue | black, 4.5 to 1 |
| 30 | `#357e96` | `oklch(55.65% 0.0812 223.44)` | Blue Rodeo | white, 4.6 to 1 |
| 31 | `#3c7c9b` | `oklch(55.76% 0.0812 231.33)` | Blue Dart Frog | white, 4.6 to 1 |
| 32 | `#457ba0` | `oklch(56.05% 0.0812 240.20)` | Zenith | white, 4.5 to 1 |
| 33 | `#4f79a4` | `oklch(56.45% 0.0812 249.77)` | Pacifica | black, 4.6 to 1 |
| 34 | `#5b78a7` | `oklch(56.93% 0.0813 259.74)` | Blue Yonder | black, 4.6 to 1 |
| 35 | `#6676a9` | `oklch(57.42% 0.0813 269.83)` | Sudden Sapphire | black, 4.7 to 1 |
| 36 | `#7075aa` | `oklch(57.89% 0.0813 279.74)` | Midnight Violet | black, 4.7 to 1 |
| 37 | `#7a73a8` | `oklch(58.28% 0.0812 289.19)` | Purple Mountain Majesty | black, 4.8 to 1 |
| 38 | `#8271a6` | `oklch(58.54% 0.0810 297.89)` | Old Prune | black, 4.8 to 1 |
| 39 | `#8870a3` | `oklch(58.63% 0.0806 305.55)` | Babiana | black, 4.8 to 1 |
| 40 | `#8c6e9f` | `oklch(58.49% 0.0802 311.87)` | Babiana | black, 4.8 to 1 |
| 41 | `#8d6c9a` | `oklch(58.07% 0.0796 316.58)` | Faded Purple | black, 4.7 to 1 |
| 42 | `#8d6996` | `oklch(57.33% 0.0788 319.38)` | Viola Grey | black, 4.5 to 1 |
| 43 | `#8a6692` | `oklch(56.20% 0.0777 320.02)` | Mirabella | white, 4.7 to 1 |
| 44 | `#84628d` | `oklch(54.64% 0.0764 318.61)` | Swiss Lilac | white, 5.1 to 1 |
| 45 | `#7c5e89` | `oklch(52.73% 0.0748 315.43)` | Plum Power | white, 5.5 to 1 |
| 46 | `#725984` | `oklch(50.54% 0.0730 310.77)` | Mystical | white, 6 to 1 |
| 47 | `#67547e` | `oklch(48.13% 0.0711 304.93)` | Virtual Violet | white, 6.6 to 1 |
| 48 | `#5c4e78` | `oklch(45.57% 0.0690 298.19)` | Imperial Palace | white, 7.4 to 1 |
| 49 | `#504972` | `oklch(42.93% 0.0669 290.84)` | Evening Fizz | white, 8.3 to 1 |
| 50 | `#44446a` | `oklch(40.27% 0.0648 283.18)` | Palace Arms | white, 9.2 to 1 |
| 51 | `#383e63` | `oklch(37.68% 0.0628 275.49)` | Bay of Many | white, 10.2 to 1 |
| 52 | `#2d395b` | `oklch(35.21% 0.0608 268.07)` | Mediaeval Blue | white, 11.2 to 1 |
| 53 | `#243553` | `oklch(32.93% 0.0591 261.20)` | Boatswain | white, 12.2 to 1 |
| 54 | `#1b314d` | `oklch(30.92% 0.0575 255.18)` | Manganese Black | white, 13.2 to 1 |
| 55 | `#142d47` | `oklch(29.24% 0.0561 250.30)` | Crow Black Blue | white, 13.9 to 1 |
| 56 | `#0f2b42` | `oklch(27.95% 0.0551 246.83)` | Eternal Darkness | white, 14.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #9baeb7 0.0%, #99aeb7 1.8%, #95aeb7 3.6%, #91aeb7 5.5%, #8baeb6 7.3%, #86adb5 9.1%, #80adb3 10.9%, #7aadb1 12.7%, #74adad 14.5%, #6eacaa 16.4%, #68aca6 18.2%, #63aba2 20.0%, #5eaa9e 21.8%, #5aa89a 23.6%, #56a798 25.5%, #52a595 27.3%, #4da293 29.1%, #49a091 30.9%, #459d90 32.7%, #41998e 34.5%, #3c968d 36.4%, #38938c 38.2%, #35908c 40.0%, #328c8c 41.8%, #2f898c 43.6%, #2e868d 45.5%, #2d848f 47.3%, #2e8190 49.1%, #307f93 50.9%, #357e96 52.7%, #3c7c9b 54.5%, #457ba0 56.4%, #4f79a4 58.2%, #5b78a7 60.0%, #6676a9 61.8%, #7075aa 63.6%, #7a73a8 65.5%, #8271a6 67.3%, #8870a3 69.1%, #8c6e9f 70.9%, #8d6c9a 72.7%, #8d6996 74.5%, #8a6692 76.4%, #84628d 78.2%, #7c5e89 80.0%, #725984 81.8%, #67547e 83.6%, #5c4e78 85.5%, #504972 87.3%, #44446a 89.1%, #383e63 90.9%, #2d395b 92.7%, #243553 94.5%, #1b314d 96.4%, #142d47 98.2%, #0f2b42 100.0%);
background: linear-gradient(45deg in oklch, oklch(74.02% 0.0248 227.81) 0.0%, oklch(73.75% 0.0273 225.64) 1.8%, oklch(73.44% 0.0307 222.69) 3.6%, oklch(73.09% 0.0347 219.09) 5.5%, oklch(72.70% 0.0392 215.02) 7.3%, oklch(72.27% 0.0441 210.60) 9.1%, oklch(71.81% 0.0492 205.99) 10.9%, oklch(71.32% 0.0545 201.34) 12.7%, oklch(70.80% 0.0597 196.80) 14.5%, oklch(70.25% 0.0648 192.52) 16.4%, oklch(69.67% 0.0696 188.65) 18.2%, oklch(69.07% 0.0740 185.32) 20.0%, oklch(68.45% 0.0778 182.70) 21.8%, oklch(67.81% 0.0809 180.94) 23.6%, oklch(67.15% 0.0832 180.15) 25.5%, oklch(66.42% 0.0848 180.01) 27.3%, oklch(65.58% 0.0859 180.33) 29.1%, oklch(64.68% 0.0865 181.11) 30.9%, oklch(63.73% 0.0867 182.34) 32.7%, oklch(62.74% 0.0865 184.00) 34.5%, oklch(61.74% 0.0861 186.08) 36.4%, oklch(60.75% 0.0855 188.57) 38.2%, oklch(59.79% 0.0848 191.47) 40.0%, oklch(58.88% 0.0840 194.75) 41.8%, oklch(58.03% 0.0832 198.42) 43.6%, oklch(57.28% 0.0824 202.45) 45.5%, oklch(56.63% 0.0818 206.84) 47.3%, oklch(56.11% 0.0814 211.58) 49.1%, oklch(55.76% 0.0812 216.82) 50.9%, oklch(55.65% 0.0812 223.44) 52.7%, oklch(55.76% 0.0812 231.33) 54.5%, oklch(56.05% 0.0812 240.20) 56.4%, oklch(56.45% 0.0812 249.77) 58.2%, oklch(56.93% 0.0813 259.74) 60.0%, oklch(57.42% 0.0813 269.83) 61.8%, oklch(57.89% 0.0813 279.74) 63.6%, oklch(58.28% 0.0812 289.19) 65.5%, oklch(58.54% 0.0810 297.89) 67.3%, oklch(58.63% 0.0806 305.55) 69.1%, oklch(58.49% 0.0802 311.87) 70.9%, oklch(58.07% 0.0796 316.58) 72.7%, oklch(57.33% 0.0788 319.38) 74.5%, oklch(56.20% 0.0777 320.02) 76.4%, oklch(54.64% 0.0764 318.61) 78.2%, oklch(52.73% 0.0748 315.43) 80.0%, oklch(50.54% 0.0730 310.77) 81.8%, oklch(48.13% 0.0711 304.93) 83.6%, oklch(45.57% 0.0690 298.19) 85.5%, oklch(42.93% 0.0669 290.84) 87.3%, oklch(40.27% 0.0648 283.18) 89.1%, oklch(37.68% 0.0628 275.49) 90.9%, oklch(35.21% 0.0608 268.07) 92.7%, oklch(32.93% 0.0591 261.20) 94.5%, oklch(30.92% 0.0575 255.18) 96.4%, oklch(29.24% 0.0561 250.30) 98.2%, oklch(27.95% 0.0551 246.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.025 | 227.8 |
| 2 | 0.673 | 0.083 | 180.3 |
| 3 | 0.559 | 0.081 | 214.1 |
| 4 | 0.571 | 0.079 | 319.7 |
| 5 | 0.28 | 0.055 | 246.8 |

## In these collections

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

## Other forms

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