# Orchid through Sea Glass

The Turquoise and emerald cape daisy sea breeze brings together teal, blue, purple, magenta, red, and green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is purple, and its lightest tone is teal.

- Also called: Vivid blue, purple, pink and green linear gradient
- Seed: `kcr1GdTbbEkpHQ9N08MUVFB9A-wTPDkS1CVPY`
- Page: https://grabient.com/kcr1GdTbbEkpHQ9N08MUVFB9A-wTPDkS1CVPY?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: even lightness, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 1.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 | `#34aacb` | `oklch(68.90% 0.1116 220.78)` | Ball Blue | black, 7.7 to 1 |
| 2 | `#2ea5cf` | `oklch(67.55% 0.1176 227.09)` | Modal | black, 7.3 to 1 |
| 3 | `#2e9cd3` | `oklch(65.59% 0.1260 236.14)` | Blue Burst | black, 6.7 to 1 |
| 4 | `#3790d7` | `oklch(63.46% 0.1359 246.36)` | Magical Merlin | black, 6.1 to 1 |
| 5 | `#4485db` | `oklch(61.62% 0.1460 256.18)` | Blue Jay | black, 5.6 to 1 |
| 6 | `#517cde` | `oklch(60.38% 0.1558 264.46)` | Skies of Cyberspace | black, 5.2 to 1 |
| 7 | `#5e73e0` | `oklch(59.44% 0.1663 272.23)` | Cornflower | black, 5 to 1 |
| 8 | `#6b6ae2` | `oklch(58.77% 0.1770 279.67)` | If I Could Fly | black, 4.7 to 1 |
| 9 | `#7862e3` | `oklch(58.38% 0.1875 286.79)` | Medium Slate Blue | black, 4.6 to 1 |
| 10 | `#845ae2` | `oklch(58.27% 0.1970 293.59)` | Gloomy Purple | white, 4.6 to 1 |
| 11 | `#9254e1` | `oklch(58.59% 0.2064 300.14)` | Navy Genesis Evangelion | white, 4.6 to 1 |
| 12 | `#9f4ee0` | `oklch(59.25% 0.2155 306.41)` | Lightish Purple | black, 4.6 to 1 |
| 13 | `#ac49de` | `oklch(60.06% 0.2235 312.27)` | Magenta Affair | black, 4.7 to 1 |
| 14 | `#b845d9` | `oklch(60.84% 0.2291 317.64)` | Ultraviolet Onsible | black, 4.8 to 1 |
| 15 | `#c242d4` | `oklch(61.51% 0.2318 322.39)` | Ultraviolet Berl | black, 5 to 1 |
| 16 | `#ca41ce` | `oklch(62.25% 0.2325 326.59)` | Steel Pink | black, 5.1 to 1 |
| 17 | `#d141c9` | `oklch(62.97% 0.2310 330.32)` | Steel Pink | black, 5.3 to 1 |
| 18 | `#d643c3` | `oklch(63.54% 0.2273 333.70)` | Purplish Pink | black, 5.4 to 1 |
| 19 | `#d945bc` | `oklch(63.83% 0.2213 336.77)` | Purplish Pink | black, 5.5 to 1 |
| 20 | `#d948b6` | `oklch(63.81% 0.2141 338.61)` | Krameria | black, 5.5 to 1 |
| 21 | `#d64bb1` | `oklch(63.59% 0.2049 339.90)` | Krameria | black, 5.5 to 1 |
| 22 | `#d34faa` | `oklch(63.28% 0.1924 341.86)` | Krameria | black, 5.4 to 1 |
| 23 | `#d055a0` | `oklch(63.02% 0.1752 345.75)` | Crushed Berries | black, 5.4 to 1 |
| 24 | `#c95e93` | `oklch(62.77% 0.1486 351.07)` | Ibis Rose | black, 5.5 to 1 |
| 25 | `#bc6989` | `oklch(62.42% 0.1120 356.64)` | Malevolent Mauve | black, 5.5 to 1 |
| 26 | `#ad7481` | `oklch(62.14% 0.0748 4.53)` | French Marron | black, 5.5 to 1 |
| 27 | `#a17b7c` | `oklch(62.08% 0.0468 16.85)` | Brandied Apple | black, 5.6 to 1 |
| 28 | `#9c8078` | `oklch(62.42% 0.0372 36.34)` | Cougar | black, 5.7 to 1 |
| 29 | `#9e856c` | `oklch(63.26% 0.0467 66.85)` | Toscana | black, 6 to 1 |
| 30 | `#958f5f` | `oklch(64.37% 0.0666 102.37)` | Nile Reed | black, 6.3 to 1 |
| 31 | `#799d66` | `oklch(65.43% 0.0881 135.21)` | Blackthorn Green | black, 6.8 to 1 |
| 32 | `#57a67a` | `oklch(66.14% 0.1020 157.73)` | Shamrock Green | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #34aacb 0.0%, #2ea5cf 3.2%, #2e9cd3 6.5%, #3790d7 9.7%, #4485db 12.9%, #517cde 16.1%, #5e73e0 19.4%, #6b6ae2 22.6%, #7862e3 25.8%, #845ae2 29.0%, #9254e1 32.3%, #9f4ee0 35.5%, #ac49de 38.7%, #b845d9 41.9%, #c242d4 45.2%, #ca41ce 48.4%, #d141c9 51.6%, #d643c3 54.8%, #d945bc 58.1%, #d948b6 61.3%, #d64bb1 64.5%, #d34faa 67.7%, #d055a0 71.0%, #c95e93 74.2%, #bc6989 77.4%, #ad7481 80.6%, #a17b7c 83.9%, #9c8078 87.1%, #9e856c 90.3%, #958f5f 93.5%, #799d66 96.8%, #57a67a 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.90% 0.1116 220.78) 0.0%, oklch(67.55% 0.1176 227.09) 3.2%, oklch(65.59% 0.1260 236.14) 6.5%, oklch(63.46% 0.1359 246.36) 9.7%, oklch(61.62% 0.1460 256.18) 12.9%, oklch(60.38% 0.1558 264.46) 16.1%, oklch(59.44% 0.1663 272.23) 19.4%, oklch(58.77% 0.1770 279.67) 22.6%, oklch(58.38% 0.1875 286.79) 25.8%, oklch(58.27% 0.1970 293.59) 29.0%, oklch(58.59% 0.2064 300.14) 32.3%, oklch(59.25% 0.2155 306.41) 35.5%, oklch(60.06% 0.2235 312.27) 38.7%, oklch(60.84% 0.2291 317.64) 41.9%, oklch(61.51% 0.2318 322.39) 45.2%, oklch(62.25% 0.2325 326.59) 48.4%, oklch(62.97% 0.2310 330.32) 51.6%, oklch(63.54% 0.2273 333.70) 54.8%, oklch(63.83% 0.2213 336.77) 58.1%, oklch(63.81% 0.2141 338.61) 61.3%, oklch(63.59% 0.2049 339.90) 64.5%, oklch(63.28% 0.1924 341.86) 67.7%, oklch(63.02% 0.1752 345.75) 71.0%, oklch(62.77% 0.1486 351.07) 74.2%, oklch(62.42% 0.1120 356.64) 77.4%, oklch(62.14% 0.0748 4.53) 80.6%, oklch(62.08% 0.0468 16.85) 83.9%, oklch(62.42% 0.0372 36.34) 87.1%, oklch(63.26% 0.0467 66.85) 90.3%, oklch(64.37% 0.0666 102.37) 93.5%, oklch(65.43% 0.0881 135.21) 96.8%, oklch(66.14% 0.1020 157.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.112 | 220.8 |
| 2 | 0.61 | 0.15 | 259.9 |
| 3 | 0.583 | 0.196 | 292.6 |
| 4 | 0.61 | 0.23 | 319.1 |
| 5 | 0.638 | 0.223 | 336 |
| 6 | 0.63 | 0.172 | 346.5 |
| 7 | 0.622 | 0.039 | 386.7 |
| 8 | 0.661 | 0.102 | 517.7 |

## In these collections

- [Cape daisy sea breeze](https://grabient.com/cape-daisy-sea-breeze)

## Other forms

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