# Violet Tidepool Reflection

Cool teal, green, blue and purple linear gradient with 64 colors: #2f9c9f, #339e9f, #39a0a0, #3fa3a0, #46a7a1, #4eaba2, #56afa3, #5fb4a5, #68b8a6, #71bda7, #79c1a9, #82c5ab, #8ac9ad, #91cdaf, #98d0b1, #9ed3b3, #a3d6b4, #a6d8b6, #a8d9b7, #a9d9b8, #a8d9b9, #a6d8b9, #a1d6b9, #9bd2b8, #92cdb7, #88c7b6, #7cc0b4, #71b8b3, #66afb1, #5ba5af, #539bac, #4c90a9, #4885a5, #457aa0, #456f9a, #456594, #455b8e, #455288, #454b81, #45447c, #453f78, #453c75, #453b73, #443b74, #443c76, #434079, #43447e, #414a83, #405089, #3d588f, #3a6194, #376a99, #34739e, #317da2, #3087a5, #3290a7, #3799a8, #3fa2a8, #48aaa8, #52b1a8, #5db7a8, #66bca7, #6ec0a7, #75c4a6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Cool teal, green, blue and purple linear gradient
- Seed: `kUoUWM6pi7LGiT5goLGA`
- Page: https://grabient.com/kUoUWM6pi7LGiT5goLGA?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: 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 | `#2f9c9f` | `oklch(63.39% 0.0951 197.58)` | Empress Envy | black, 6.3 to 1 |
| 2 | `#339e9f` | `oklch(63.99% 0.0943 196.35)` | Baltic | black, 6.5 to 1 |
| 3 | `#39a0a0` | `oklch(64.81% 0.0933 194.61)` | Baltic Green | black, 6.7 to 1 |
| 4 | `#3fa3a0` | `oklch(65.81% 0.0921 192.44)` | Bahaman Bliss | black, 6.9 to 1 |
| 5 | `#46a7a1` | `oklch(66.97% 0.0908 189.91)` | Twilight Meadow | black, 7.3 to 1 |
| 6 | `#4eaba2` | `oklch(68.26% 0.0893 187.07)` | Dragon Bay | black, 7.6 to 1 |
| 7 | `#56afa3` | `oklch(69.65% 0.0876 184.01)` | Water Park | black, 8 to 1 |
| 8 | `#5fb4a5` | `oklch(71.11% 0.0859 180.79)` | Tropic Turquoise | black, 8.5 to 1 |
| 9 | `#68b8a6` | `oklch(72.63% 0.0842 177.47)` | Bath Turquoise | black, 9 to 1 |
| 10 | `#71bda7` | `oklch(74.16% 0.0824 174.14)` | Larchmere | black, 9.5 to 1 |
| 11 | `#79c1a9` | `oklch(75.68% 0.0806 170.85)` | Celadon Porcelain | black, 10 to 1 |
| 12 | `#82c5ab` | `oklch(77.16% 0.0788 167.68)` | Green Balloon | black, 10.5 to 1 |
| 13 | `#8ac9ad` | `oklch(78.58% 0.0770 164.69)` | Sybarite Green | black, 11 to 1 |
| 14 | `#91cdaf` | `oklch(79.91% 0.0753 161.95)` | Vile Green | black, 11.5 to 1 |
| 15 | `#98d0b1` | `oklch(81.12% 0.0737 159.54)` | Menthol Green | black, 12 to 1 |
| 16 | `#9ed3b3` | `oklch(82.18% 0.0723 157.51)` | Menthol Green | black, 12.4 to 1 |
| 17 | `#a3d6b4` | `oklch(83.06% 0.0710 155.95)` | Nihilakh Oxide | black, 12.8 to 1 |
| 18 | `#a6d8b6` | `oklch(83.74% 0.0698 154.91)` | Frugal | black, 13 to 1 |
| 19 | `#a8d9b7` | `oklch(84.18% 0.0689 154.47)` | Shanghai Jade | black, 13.2 to 1 |
| 20 | `#a9d9b8` | `oklch(84.37% 0.0682 154.70)` | Shanghai Jade | black, 13.3 to 1 |
| 21 | `#a8d9b9` | `oklch(84.27% 0.0677 155.66)` | Shanghai Jade | black, 13.3 to 1 |
| 22 | `#a6d8b9` | `oklch(83.86% 0.0675 157.42)` | Shanghai Jade | black, 13.1 to 1 |
| 23 | `#a1d6b9` | `oklch(83.04% 0.0676 160.27)` | Nihilakh Oxide | black, 12.7 to 1 |
| 24 | `#9bd2b8` | `oklch(81.80% 0.0680 164.33)` | Menthol Green | black, 12.2 to 1 |
| 25 | `#92cdb7` | `oklch(80.16% 0.0687 169.47)` | Mint Ice Cream | black, 11.6 to 1 |
| 26 | `#88c7b6` | `oklch(78.19% 0.0696 175.56)` | Aquastone | black, 10.8 to 1 |
| 27 | `#7cc0b4` | `oklch(75.92% 0.0707 182.45)` | Mintage | black, 10 to 1 |
| 28 | `#71b8b3` | `oklch(73.41% 0.0720 190.00)` | Earth Eclipse | black, 9.1 to 1 |
| 29 | `#66afb1` | `oklch(70.71% 0.0734 198.09)` | Fountain Blue | black, 8.3 to 1 |
| 30 | `#5ba5af` | `oklch(67.85% 0.0749 206.56)` | Nirvana Jewel | black, 7.4 to 1 |
| 31 | `#539bac` | `oklch(64.90% 0.0766 215.29)` | Summer Turquoise Blue | black, 6.6 to 1 |
| 32 | `#4c90a9` | `oklch(61.89% 0.0783 224.13)` | Sora Sky | black, 5.8 to 1 |
| 33 | `#4885a5` | `oklch(58.88% 0.0800 232.95)` | Cornwall | black, 5.1 to 1 |
| 34 | `#457aa0` | `oklch(55.91% 0.0818 241.61)` | Zenith | white, 4.6 to 1 |
| 35 | `#456f9a` | `oklch(53.03% 0.0835 249.97)` | Postwar Boom | white, 5.2 to 1 |
| 36 | `#456594` | `oklch(50.29% 0.0852 257.89)` | Sea of Galilee | white, 5.9 to 1 |
| 37 | `#455b8e` | `oklch(47.74% 0.0869 265.24)` | Anchor Point | white, 6.6 to 1 |
| 38 | `#455288` | `oklch(45.41% 0.0884 271.87)` | Demon Blue | white, 7.4 to 1 |
| 39 | `#454b81` | `oklch(43.37% 0.0898 277.65)` | Highlands Twilight | white, 8.1 to 1 |
| 40 | `#45447c` | `oklch(41.66% 0.0911 282.45)` | Little Blue Heron | white, 8.8 to 1 |
| 41 | `#453f78` | `oklch(40.33% 0.0922 286.11)` | Hot Sauna | white, 9.3 to 1 |
| 42 | `#453c75` | `oklch(39.42% 0.0931 288.52)` | Sage Violet | white, 9.7 to 1 |
| 43 | `#453b73` | `oklch(38.98% 0.0937 289.52)` | Opera Blue | white, 9.9 to 1 |
| 44 | `#443b74` | `oklch(39.01% 0.0942 289.07)` | Sage Violet | white, 9.9 to 1 |
| 45 | `#443c76` | `oklch(39.46% 0.0945 287.33)` | Sage Violet | white, 9.7 to 1 |
| 46 | `#434079` | `oklch(40.29% 0.0947 284.40)` | Hot Sauna | white, 9.3 to 1 |
| 47 | `#43447e` | `oklch(41.46% 0.0947 280.41)` | Queen of the Night Shift | white, 8.8 to 1 |
| 48 | `#414a83` | `oklch(42.93% 0.0947 275.48)` | Dive In | white, 8.3 to 1 |
| 49 | `#405089` | `oklch(44.66% 0.0946 269.74)` | Dive In | white, 7.6 to 1 |
| 50 | `#3d588f` | `oklch(46.62% 0.0944 263.29)` | Lambent Lagoon | white, 7 to 1 |
| 51 | `#3a6194` | `oklch(48.76% 0.0942 256.27)` | Blue Regatta | white, 6.3 to 1 |
| 52 | `#376a99` | `oklch(51.05% 0.0938 248.80)` | Star Sapphire | white, 5.7 to 1 |
| 53 | `#34739e` | `oklch(53.45% 0.0935 241.00)` | Muted Blue | white, 5.1 to 1 |
| 54 | `#317da2` | `oklch(55.92% 0.0931 232.98)` | Prominent Blue | black, 4.5 to 1 |
| 55 | `#3087a5` | `oklch(58.42% 0.0926 224.88)` | Mediterranean Sea | black, 5.1 to 1 |
| 56 | `#3290a7` | `oklch(60.91% 0.0922 216.81)` | Blue Moon | black, 5.6 to 1 |
| 57 | `#3799a8` | `oklch(63.36% 0.0918 208.89)` | Aqua Dance | black, 6.3 to 1 |
| 58 | `#3fa2a8` | `oklch(65.72% 0.0913 201.25)` | Marlin Green | black, 6.9 to 1 |
| 59 | `#48aaa8` | `oklch(67.96% 0.0909 194.00)` | Emerald Succulent | black, 7.5 to 1 |
| 60 | `#52b1a8` | `oklch(70.04% 0.0905 187.28)` | Emerald Wave | black, 8.2 to 1 |
| 61 | `#5db7a8` | `oklch(71.92% 0.0902 181.19)` | Shylock | black, 8.7 to 1 |
| 62 | `#66bca7` | `oklch(73.57% 0.0899 175.87)` | Bath Turquoise | black, 9.3 to 1 |
| 63 | `#6ec0a7` | `oklch(74.93% 0.0897 171.43)` | Blue Energy | black, 9.8 to 1 |
| 64 | `#75c4a6` | `oklch(75.98% 0.0896 167.99)` | Gem Silica | black, 10.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2f9c9f 0.0%, #339e9f 1.6%, #39a0a0 3.2%, #3fa3a0 4.8%, #46a7a1 6.3%, #4eaba2 7.9%, #56afa3 9.5%, #5fb4a5 11.1%, #68b8a6 12.7%, #71bda7 14.3%, #79c1a9 15.9%, #82c5ab 17.5%, #8ac9ad 19.0%, #91cdaf 20.6%, #98d0b1 22.2%, #9ed3b3 23.8%, #a3d6b4 25.4%, #a6d8b6 27.0%, #a8d9b7 28.6%, #a9d9b8 30.2%, #a8d9b9 31.7%, #a6d8b9 33.3%, #a1d6b9 34.9%, #9bd2b8 36.5%, #92cdb7 38.1%, #88c7b6 39.7%, #7cc0b4 41.3%, #71b8b3 42.9%, #66afb1 44.4%, #5ba5af 46.0%, #539bac 47.6%, #4c90a9 49.2%, #4885a5 50.8%, #457aa0 52.4%, #456f9a 54.0%, #456594 55.6%, #455b8e 57.1%, #455288 58.7%, #454b81 60.3%, #45447c 61.9%, #453f78 63.5%, #453c75 65.1%, #453b73 66.7%, #443b74 68.3%, #443c76 69.8%, #434079 71.4%, #43447e 73.0%, #414a83 74.6%, #405089 76.2%, #3d588f 77.8%, #3a6194 79.4%, #376a99 81.0%, #34739e 82.5%, #317da2 84.1%, #3087a5 85.7%, #3290a7 87.3%, #3799a8 88.9%, #3fa2a8 90.5%, #48aaa8 92.1%, #52b1a8 93.7%, #5db7a8 95.2%, #66bca7 96.8%, #6ec0a7 98.4%, #75c4a6 100.0%);
background: linear-gradient(135deg in oklch, oklch(63.39% 0.0951 197.58) 0.0%, oklch(63.99% 0.0943 196.35) 1.6%, oklch(64.81% 0.0933 194.61) 3.2%, oklch(65.81% 0.0921 192.44) 4.8%, oklch(66.97% 0.0908 189.91) 6.3%, oklch(68.26% 0.0893 187.07) 7.9%, oklch(69.65% 0.0876 184.01) 9.5%, oklch(71.11% 0.0859 180.79) 11.1%, oklch(72.63% 0.0842 177.47) 12.7%, oklch(74.16% 0.0824 174.14) 14.3%, oklch(75.68% 0.0806 170.85) 15.9%, oklch(77.16% 0.0788 167.68) 17.5%, oklch(78.58% 0.0770 164.69) 19.0%, oklch(79.91% 0.0753 161.95) 20.6%, oklch(81.12% 0.0737 159.54) 22.2%, oklch(82.18% 0.0723 157.51) 23.8%, oklch(83.06% 0.0710 155.95) 25.4%, oklch(83.74% 0.0698 154.91) 27.0%, oklch(84.18% 0.0689 154.47) 28.6%, oklch(84.37% 0.0682 154.70) 30.2%, oklch(84.27% 0.0677 155.66) 31.7%, oklch(83.86% 0.0675 157.42) 33.3%, oklch(83.04% 0.0676 160.27) 34.9%, oklch(81.80% 0.0680 164.33) 36.5%, oklch(80.16% 0.0687 169.47) 38.1%, oklch(78.19% 0.0696 175.56) 39.7%, oklch(75.92% 0.0707 182.45) 41.3%, oklch(73.41% 0.0720 190.00) 42.9%, oklch(70.71% 0.0734 198.09) 44.4%, oklch(67.85% 0.0749 206.56) 46.0%, oklch(64.90% 0.0766 215.29) 47.6%, oklch(61.89% 0.0783 224.13) 49.2%, oklch(58.88% 0.0800 232.95) 50.8%, oklch(55.91% 0.0818 241.61) 52.4%, oklch(53.03% 0.0835 249.97) 54.0%, oklch(50.29% 0.0852 257.89) 55.6%, oklch(47.74% 0.0869 265.24) 57.1%, oklch(45.41% 0.0884 271.87) 58.7%, oklch(43.37% 0.0898 277.65) 60.3%, oklch(41.66% 0.0911 282.45) 61.9%, oklch(40.33% 0.0922 286.11) 63.5%, oklch(39.42% 0.0931 288.52) 65.1%, oklch(38.98% 0.0937 289.52) 66.7%, oklch(39.01% 0.0942 289.07) 68.3%, oklch(39.46% 0.0945 287.33) 69.8%, oklch(40.29% 0.0947 284.40) 71.4%, oklch(41.46% 0.0947 280.41) 73.0%, oklch(42.93% 0.0947 275.48) 74.6%, oklch(44.66% 0.0946 269.74) 76.2%, oklch(46.62% 0.0944 263.29) 77.8%, oklch(48.76% 0.0942 256.27) 79.4%, oklch(51.05% 0.0938 248.80) 81.0%, oklch(53.45% 0.0935 241.00) 82.5%, oklch(55.92% 0.0931 232.98) 84.1%, oklch(58.42% 0.0926 224.88) 85.7%, oklch(60.91% 0.0922 216.81) 87.3%, oklch(63.36% 0.0918 208.89) 88.9%, oklch(65.72% 0.0913 201.25) 90.5%, oklch(67.96% 0.0909 194.00) 92.1%, oklch(70.04% 0.0905 187.28) 93.7%, oklch(71.92% 0.0902 181.19) 95.2%, oklch(73.57% 0.0899 175.87) 96.8%, oklch(74.93% 0.0897 171.43) 98.4%, oklch(75.98% 0.0896 167.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.634 | 0.095 | 197.6 |
| 2 | 0.839 | 0.068 | 157.4 |
| 3 | 0.39 | 0.094 | 289.5 |
| 4 | 0.76 | 0.09 | 168 |

## In these collections

- [Coastal rockpool spring](https://grabient.com/coastal-rockpool-spring)

## Other forms

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