# Blue Hour Shore

Tritone tan, light green and blue linear gradient with 32 colors: #e99a6a, #e7a365, #e2b166, #d9c270, #cad384, #b9e19e, #a7e9b8, #97ebcc, #89e5d7, #77d6d7, #63bfcf, #50a5c1, #418aaf, #34719d, #2b5c8d, #265083, #244c80, #225086, #1e5b90, #166a9d, #007dab, #0091b4, #00a3bb, #01b4be, #30bfbb, #55c9b4, #79d1ad, #9ad7a7, #b6dca6, #cddfaa, #dde2b1, #e8e5b7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Tritone tan, light green and blue linear gradient
- Seed: `kWwFMlbiFPDUjyPaKzldBY0o`
- Page: https://grabient.com/kWwFMlbiFPDUjyPaKzldBY0o?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.7 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 | `#e99a6a` | `oklch(75.59% 0.1144 52.03)` | Inventive Orange | black, 9.3 to 1 |
| 2 | `#e7a365` | `oklch(76.88% 0.1123 62.65)` | Adventure Orange | black, 9.8 to 1 |
| 3 | `#e2b166` | `oklch(79.03% 0.1092 77.23)` | Caramel Essence | black, 10.7 to 1 |
| 4 | `#d9c270` | `oklch(81.62% 0.1056 94.61)` | Citrus Yellow | black, 11.9 to 1 |
| 5 | `#cad384` | `oklch(84.22% 0.1017 113.64)` | Green Gecko | black, 13.1 to 1 |
| 6 | `#b9e19e` | `oklch(86.38% 0.0980 133.16)` | Basil Smash | black, 14.2 to 1 |
| 7 | `#a7e9b8` | `oklch(87.69% 0.0946 152.01)` | Ultra Mint | black, 14.9 to 1 |
| 8 | `#97ebcc` | `oklch(87.71% 0.0921 169.03)` | Tropical | black, 15 to 1 |
| 9 | `#89e5d7` | `oklch(85.97% 0.0907 183.20)` | Sea Foam | black, 14.2 to 1 |
| 10 | `#77d6d7` | `oklch(81.74% 0.0902 196.55)` | Andes Sky | black, 12.3 to 1 |
| 11 | `#63bfcf` | `oklch(75.46% 0.0903 209.72)` | Skink Blue | black, 9.9 to 1 |
| 12 | `#50a5c1` | `oklch(67.97% 0.0910 222.21)` | Pottery Blue | black, 7.4 to 1 |
| 13 | `#418aaf` | `oklch(60.10% 0.0921 233.49)` | Tropic | black, 5.4 to 1 |
| 14 | `#34719d` | `oklch(52.70% 0.0935 243.04)` | Vallarta Blue | white, 5.2 to 1 |
| 15 | `#2b5c8d` | `oklch(46.61% 0.0952 250.35)` | Sapphire Lace | white, 6.9 to 1 |
| 16 | `#265083` | `oklch(42.65% 0.0969 254.91)` | Assassin | white, 8.2 to 1 |
| 17 | `#244c80` | `oklch(41.54% 0.0989 256.18)` | Night Mode | white, 8.6 to 1 |
| 18 | `#225086` | `oklch(42.84% 0.1022 254.05)` | Clear Night Sky | white, 8.1 to 1 |
| 19 | `#1e5b90` | `oklch(45.96% 0.1063 249.07)` | Baleine Blue | white, 7.1 to 1 |
| 20 | `#166a9d` | `oklch(50.35% 0.1106 241.85)` | Jazz Blue | white, 5.8 to 1 |
| 21 | `#007dab` | `oklch(55.48% 0.1146 232.99)` | Neptune | white, 4.6 to 1 |
| 22 | `#0091b4` | `oklch(60.83% 0.1133 223.06)` | Cool Tide | black, 5.6 to 1 |
| 23 | `#00a3bb` | `oklch(65.85% 0.1151 212.68)` | January Blue | black, 6.9 to 1 |
| 24 | `#01b4be` | `oklch(70.02% 0.1190 202.44)` | Marrakech Mile | black, 8.2 to 1 |
| 25 | `#30bfbb` | `oklch(73.28% 0.1158 191.91)` | Maximum Blue Green | black, 9.3 to 1 |
| 26 | `#55c9b4` | `oklch(76.48% 0.1096 179.27)` | Cockatoo | black, 10.4 to 1 |
| 27 | `#79d1ad` | `oklch(79.60% 0.1014 165.25)` | Sea Treasure | black, 11.5 to 1 |
| 28 | `#9ad7a7` | `oklch(82.57% 0.0921 150.73)` | Peaceful Pastures | black, 12.6 to 1 |
| 29 | `#b6dca6` | `oklch(85.30% 0.0824 136.57)` | Embroidered Silk | black, 13.7 to 1 |
| 30 | `#cddfaa` | `oklch(87.72% 0.0734 123.62)` | Viridine Green | black, 14.7 to 1 |
| 31 | `#dde2b1` | `oklch(89.76% 0.0658 112.77)` | Frosty Margarita | black, 15.6 to 1 |
| 32 | `#e8e5b7` | `oklch(91.34% 0.0606 104.87)` | Springtime | black, 16.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e99a6a 0.0%, #e7a365 3.2%, #e2b166 6.5%, #d9c270 9.7%, #cad384 12.9%, #b9e19e 16.1%, #a7e9b8 19.4%, #97ebcc 22.6%, #89e5d7 25.8%, #77d6d7 29.0%, #63bfcf 32.3%, #50a5c1 35.5%, #418aaf 38.7%, #34719d 41.9%, #2b5c8d 45.2%, #265083 48.4%, #244c80 51.6%, #225086 54.8%, #1e5b90 58.1%, #166a9d 61.3%, #007dab 64.5%, #0091b4 67.7%, #00a3bb 71.0%, #01b4be 74.2%, #30bfbb 77.4%, #55c9b4 80.6%, #79d1ad 83.9%, #9ad7a7 87.1%, #b6dca6 90.3%, #cddfaa 93.5%, #dde2b1 96.8%, #e8e5b7 100.0%);
background: linear-gradient(135deg in oklch, oklch(75.59% 0.1144 52.03) 0.0%, oklch(76.88% 0.1123 62.65) 3.2%, oklch(79.03% 0.1092 77.23) 6.5%, oklch(81.62% 0.1056 94.61) 9.7%, oklch(84.22% 0.1017 113.64) 12.9%, oklch(86.38% 0.0980 133.16) 16.1%, oklch(87.69% 0.0946 152.01) 19.4%, oklch(87.71% 0.0921 169.03) 22.6%, oklch(85.97% 0.0907 183.20) 25.8%, oklch(81.74% 0.0902 196.55) 29.0%, oklch(75.46% 0.0903 209.72) 32.3%, oklch(67.97% 0.0910 222.21) 35.5%, oklch(60.10% 0.0921 233.49) 38.7%, oklch(52.70% 0.0935 243.04) 41.9%, oklch(46.61% 0.0952 250.35) 45.2%, oklch(42.65% 0.0969 254.91) 48.4%, oklch(41.54% 0.0989 256.18) 51.6%, oklch(42.84% 0.1022 254.05) 54.8%, oklch(45.96% 0.1063 249.07) 58.1%, oklch(50.35% 0.1106 241.85) 61.3%, oklch(55.48% 0.1146 232.99) 64.5%, oklch(60.83% 0.1133 223.06) 67.7%, oklch(65.85% 0.1151 212.68) 71.0%, oklch(70.02% 0.1190 202.44) 74.2%, oklch(73.28% 0.1158 191.91) 77.4%, oklch(76.48% 0.1096 179.27) 80.6%, oklch(79.60% 0.1014 165.25) 83.9%, oklch(82.57% 0.0921 150.73) 87.1%, oklch(85.30% 0.0824 136.57) 90.3%, oklch(87.72% 0.0734 123.62) 93.5%, oklch(89.76% 0.0658 112.77) 96.8%, oklch(91.34% 0.0606 104.87) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.114 | 52 |
| 2 | 0.866 | 0.091 | 179.9 |
| 3 | 0.417 | 0.098 | 256 |
| 4 | 0.709 | 0.119 | 200 |
| 5 | 0.913 | 0.061 | 104.9 |

## In these collections

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

## Other forms

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