# Coral sky sand diagonal

Vivid teal, blue, peach and tan linear gradient with 40 colors: #008989, #008a8d, #008c92, #008e98, #00909f, #0092a6, #0094af, #0095ba, #0096c7, #0095d7, #1b92eb, #4c8bf1, #6e83f2, #8b7aeb, #a371dd, #b769c9, #c764b1, #d26399, #d96683, #dd6c72, #e07567, #e48263, #e79166, #eba16f, #efb17d, #f3c18c, #f7cf9d, #fbdbab, #fde4b7, #feeabf, #feecc1, #fbebbf, #f7e7b9, #f2e1af, #edd9a4, #e8d198, #e2c98c, #dec281, #dabc78, #d8b872. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid teal, blue, peach and tan linear gradient
- Seed: `kWkUeK0bvF9Wy0F4FcdZSM_4`
- Page: https://grabient.com/kWkUeK0bvF9Wy0F4FcdZSM_4?steps=40&angle=45
- Drawn as: linear gradient, 40 steps, 45 degrees
- Kinds: vivid, multicolor
- Hues: triadic
- Contrast of its darkest and lightest colors: 3.6 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 | `#008989` | `oklch(57.09% 0.0975 194.77)` | Green Moblin | black, 4.9 to 1 |
| 2 | `#008a8d` | `oklch(57.54% 0.0979 197.46)` | India Blue | black, 5 to 1 |
| 3 | `#008c92` | `oklch(58.15% 0.0989 200.42)` | Tempo Teal | black, 5.1 to 1 |
| 4 | `#008e98` | `oklch(58.88% 0.1004 203.76)` | Tempo Teal | black, 5.3 to 1 |
| 5 | `#00909f` | `oklch(59.69% 0.1025 207.61)` | Coral Coast | black, 5.4 to 1 |
| 6 | `#0092a6` | `oklch(60.54% 0.1055 212.08)` | Oasis | black, 5.6 to 1 |
| 7 | `#0094af` | `oklch(61.41% 0.1099 217.29)` | Munsell Blue | black, 5.8 to 1 |
| 8 | `#0095ba` | `oklch(62.26% 0.1163 223.37)` | Blue Danube | black, 6 to 1 |
| 9 | `#0096c7` | `oklch(63.05% 0.1262 230.43)` | UV Light | black, 6.1 to 1 |
| 10 | `#0095d7` | `oklch(63.74% 0.1426 238.59)` | Kahu Blue | black, 6.2 to 1 |
| 11 | `#1b92eb` | `oklch(64.29% 0.1645 248.00)` | Karimun Blue | black, 6.3 to 1 |
| 12 | `#4c8bf1` | `oklch(64.60% 0.1656 259.51)` | Blue Elemental | black, 6.2 to 1 |
| 13 | `#6e83f2` | `oklch(64.68% 0.1656 273.01)` | Punch Out Glove | black, 6.1 to 1 |
| 14 | `#8b7aeb` | `oklch(64.63% 0.1645 287.96)` | Forgotten Purple | black, 6 to 1 |
| 15 | `#a371dd` | `oklch(64.53% 0.1624 303.83)` | Violet Voltage | black, 5.9 to 1 |
| 16 | `#b769c9` | `oklch(64.49% 0.1595 320.09)` | Rich Lilac | black, 5.9 to 1 |
| 17 | `#c764b1` | `oklch(64.58% 0.1559 336.22)` | Pú Táo Zǐ Purple | black, 5.9 to 1 |
| 18 | `#d26399` | `oklch(64.91% 0.1517 351.68)` | Nocturnal Rose | black, 5.9 to 1 |
| 19 | `#d96683` | `oklch(65.56% 0.1469 5.94)` | Surfer Girl | black, 6.1 to 1 |
| 20 | `#dd6c72` | `oklch(66.61% 0.1418 18.47)` | Redstone | black, 6.4 to 1 |
| 21 | `#e07567` | `oklch(68.21% 0.1362 28.96)` | Burnt Coral | black, 6.9 to 1 |
| 22 | `#e48263` | `oklch(70.60% 0.1287 38.33)` | Brewed Mustard | black, 7.6 to 1 |
| 23 | `#e79166` | `oklch(73.62% 0.1197 46.83)` | Peachy Maroney | black, 8.6 to 1 |
| 24 | `#eba16f` | `oklch(77.04% 0.1097 54.49)` | Florida Mango | black, 9.8 to 1 |
| 25 | `#efb17d` | `oklch(80.67% 0.0993 61.37)` | Exciting Orange | black, 11.2 to 1 |
| 26 | `#f3c18c` | `oklch(84.28% 0.0889 67.50)` | Dusty Boots | black, 12.7 to 1 |
| 27 | `#f7cf9d` | `oklch(87.66% 0.0793 72.93)` | Honey Blush | black, 14.3 to 1 |
| 28 | `#fbdbab` | `oklch(90.60% 0.0708 77.70)` | Doodle | black, 15.7 to 1 |
| 29 | `#fde4b7` | `oklch(92.89% 0.0642 81.86)` | Coconut Scent | black, 16.9 to 1 |
| 30 | `#feeabf` | `oklch(94.30% 0.0599 85.46)` | Lemon Bubble | black, 17.7 to 1 |
| 31 | `#feecc1` | `oklch(94.68% 0.0584 88.32)` | Urnebes Beige | black, 17.9 to 1 |
| 32 | `#fbebbf` | `oklch(94.15% 0.0593 90.04)` | Lemon Bubble | black, 17.7 to 1 |
| 33 | `#f7e7b9` | `oklch(92.90% 0.0623 90.80)` | Tamale Maize | black, 17 to 1 |
| 34 | `#f2e1af` | `oklch(91.12% 0.0667 90.81)` | Bone White | black, 16.1 to 1 |
| 35 | `#edd9a4` | `oklch(88.99% 0.0721 90.27)` | Upbeat | black, 15.1 to 1 |
| 36 | `#e8d198` | `oklch(86.69% 0.0780 89.37)` | Desert Wind | black, 14 to 1 |
| 37 | `#e2c98c` | `oklch(84.41% 0.0839 88.32)` | Sonoma Chardonnay | black, 13 to 1 |
| 38 | `#dec281` | `oklch(82.33% 0.0893 87.32)` | Chalky | black, 12.1 to 1 |
| 39 | `#dabc78` | `oklch(80.64% 0.0936 86.57)` | Brass Nail | black, 11.4 to 1 |
| 40 | `#d8b872` | `oklch(79.53% 0.0965 86.27)` | Sinking Sand | black, 11 to 1 |

## CSS

```css
background: linear-gradient(45deg, #008989 0.0%, #008a8d 2.6%, #008c92 5.1%, #008e98 7.7%, #00909f 10.3%, #0092a6 12.8%, #0094af 15.4%, #0095ba 17.9%, #0096c7 20.5%, #0095d7 23.1%, #1b92eb 25.6%, #4c8bf1 28.2%, #6e83f2 30.8%, #8b7aeb 33.3%, #a371dd 35.9%, #b769c9 38.5%, #c764b1 41.0%, #d26399 43.6%, #d96683 46.2%, #dd6c72 48.7%, #e07567 51.3%, #e48263 53.8%, #e79166 56.4%, #eba16f 59.0%, #efb17d 61.5%, #f3c18c 64.1%, #f7cf9d 66.7%, #fbdbab 69.2%, #fde4b7 71.8%, #feeabf 74.4%, #feecc1 76.9%, #fbebbf 79.5%, #f7e7b9 82.1%, #f2e1af 84.6%, #edd9a4 87.2%, #e8d198 89.7%, #e2c98c 92.3%, #dec281 94.9%, #dabc78 97.4%, #d8b872 100.0%);
background: linear-gradient(45deg in oklch, oklch(57.09% 0.0975 194.77) 0.0%, oklch(57.54% 0.0979 197.46) 2.6%, oklch(58.15% 0.0989 200.42) 5.1%, oklch(58.88% 0.1004 203.76) 7.7%, oklch(59.69% 0.1025 207.61) 10.3%, oklch(60.54% 0.1055 212.08) 12.8%, oklch(61.41% 0.1099 217.29) 15.4%, oklch(62.26% 0.1163 223.37) 17.9%, oklch(63.05% 0.1262 230.43) 20.5%, oklch(63.74% 0.1426 238.59) 23.1%, oklch(64.29% 0.1645 248.00) 25.6%, oklch(64.60% 0.1656 259.51) 28.2%, oklch(64.68% 0.1656 273.01) 30.8%, oklch(64.63% 0.1645 287.96) 33.3%, oklch(64.53% 0.1624 303.83) 35.9%, oklch(64.49% 0.1595 320.09) 38.5%, oklch(64.58% 0.1559 336.22) 41.0%, oklch(64.91% 0.1517 351.68) 43.6%, oklch(65.56% 0.1469 5.94) 46.2%, oklch(66.61% 0.1418 18.47) 48.7%, oklch(68.21% 0.1362 28.96) 51.3%, oklch(70.60% 0.1287 38.33) 53.8%, oklch(73.62% 0.1197 46.83) 56.4%, oklch(77.04% 0.1097 54.49) 59.0%, oklch(80.67% 0.0993 61.37) 61.5%, oklch(84.28% 0.0889 67.50) 64.1%, oklch(87.66% 0.0793 72.93) 66.7%, oklch(90.60% 0.0708 77.70) 69.2%, oklch(92.89% 0.0642 81.86) 71.8%, oklch(94.30% 0.0599 85.46) 74.4%, oklch(94.68% 0.0584 88.32) 76.9%, oklch(94.15% 0.0593 90.04) 79.5%, oklch(92.90% 0.0623 90.80) 82.1%, oklch(91.12% 0.0667 90.81) 84.6%, oklch(88.99% 0.0721 90.27) 87.2%, oklch(86.69% 0.0780 89.37) 89.7%, oklch(84.41% 0.0839 88.32) 92.3%, oklch(82.33% 0.0893 87.32) 94.9%, oklch(80.64% 0.0936 86.57) 97.4%, oklch(79.53% 0.0965 86.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.098 | 194.8 |
| 2 | 0.642 | 0.164 | 245.5 |
| 3 | 0.673 | 0.139 | 383.9 |
| 4 | 0.945 | 0.059 | 446.3 |
| 5 | 0.795 | 0.096 | 446.3 |

## In these collections

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

## Other forms

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