# Coral turquoise seafoam diagonal

Rainbow from beige to navy linear gradient with 48 colors: #f5dab2, #f6d4ae, #f5ccaa, #f4c3a6, #f1b9a5, #ecaea5, #e6a4a7, #dd9bac, #d293b2, #c58db8, #b789bd, #a986c2, #9b85c6, #8d86c9, #7d87ca, #6c89ca, #598cc7, #458fc2, #2e92bb, #1095b3, #0097a9, #009aa0, #009c98, #009f92, #16a28d, #2ba68a, #3cac8b, #4bb28d, #59ba92, #66c298, #70ca9e, #79d1a5, #80d6ac, #84dab1, #85dcb5, #83dbb7, #7cd6b7, #71ceb4, #63c2b1, #52b4ab, #41a5a4, #31949c, #248393, #197389, #11647f, #0e5676, #0d4b6d, #0d4467. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from beige to navy linear gradient
- Seed: `kW5Sw3VKMv9CpMbopD4rx3I4`
- Page: https://grabient.com/kW5Sw3VKMv9CpMbopD4rx3I4?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: vivid, cool, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#f5dab2` | `oklch(90.16% 0.0606 77.34)` | Lion’s Roar | black, 15.5 to 1 |
| 2 | `#f6d4ae` | `oklch(88.92% 0.0625 70.60)` | Ice Cream Parlour | black, 14.9 to 1 |
| 3 | `#f5ccaa` | `oklch(87.27% 0.0649 62.07)` | Allspice | black, 14.1 to 1 |
| 4 | `#f4c3a6` | `oklch(85.30% 0.0677 52.02)` | Pink Beach | black, 13.1 to 1 |
| 5 | `#f1b9a5` | `oklch(83.08% 0.0709 40.75)` | Antique Cameo | black, 12.1 to 1 |
| 6 | `#ecaea5` | `oklch(80.70% 0.0744 28.51)` | Joyful Poppy | black, 11.1 to 1 |
| 7 | `#e6a4a7` | `oklch(78.23% 0.0780 15.60)` | Perennial Phlox | black, 10.2 to 1 |
| 8 | `#dd9bac` | `oklch(75.77% 0.0816 2.28)` | Blush Bomb | black, 9.3 to 1 |
| 9 | `#d293b2` | `oklch(73.38% 0.0852 348.84)` | Moonlit Mauve | black, 8.5 to 1 |
| 10 | `#c58db8` | `oklch(71.15% 0.0886 335.56)` | Rock Star Pink | black, 7.8 to 1 |
| 11 | `#b789bd` | `oklch(69.17% 0.0918 322.70)` | Creeping Bellflower | black, 7.3 to 1 |
| 12 | `#a986c2` | `oklch(67.52% 0.0946 310.56)` | Lilac Purple | black, 6.8 to 1 |
| 13 | `#9b85c6` | `oklch(66.25% 0.0970 299.34)` | Petrified Purple | black, 6.5 to 1 |
| 14 | `#8d86c9` | `oklch(65.22% 0.0992 288.10)` | Brocade | black, 6.3 to 1 |
| 15 | `#7d87ca` | `oklch(64.32% 0.1013 276.52)` | True Lavender | black, 6.2 to 1 |
| 16 | `#6c89ca` | `oklch(63.57% 0.1033 264.76)` | Royal Regatta | black, 6 to 1 |
| 17 | `#598cc7` | `oklch(62.97% 0.1051 253.00)` | Marina | black, 6 to 1 |
| 18 | `#458fc2` | `oklch(62.51% 0.1068 241.41)` | Azure Blue | black, 5.9 to 1 |
| 19 | `#2e92bb` | `oklch(62.21% 0.1084 230.14)` | Spa Dream | black, 5.9 to 1 |
| 20 | `#1095b3` | `oklch(62.06% 0.1097 219.37)` | Bondi Blue | black, 5.9 to 1 |
| 21 | `#0097a9` | `oklch(62.07% 0.1071 209.28)` | Aquarium Diver | black, 6 to 1 |
| 22 | `#009aa0` | `oklch(62.24% 0.1058 200.01)` | Riviera Paradise | black, 6.1 to 1 |
| 23 | `#009c98` | `oklch(62.57% 0.1075 191.75)` | Caribbean Turquoise | black, 6.2 to 1 |
| 24 | `#009f92` | `oklch(63.07% 0.1113 184.66)` | On a Whim | black, 6.3 to 1 |
| 25 | `#16a28d` | `oklch(63.82% 0.1130 178.84)` | Stamp Pad Green | black, 6.5 to 1 |
| 26 | `#2ba68a` | `oklch(65.18% 0.1127 173.94)` | Niagara | black, 6.9 to 1 |
| 27 | `#3cac8b` | `oklch(67.10% 0.1121 169.88)` | Wells of Wonder | black, 7.4 to 1 |
| 28 | `#4bb28d` | `oklch(69.40% 0.1112 166.61)` | Aruba Green | black, 8 to 1 |
| 29 | `#59ba92` | `oklch(71.92% 0.1101 164.13)` | Blue Green Scene | black, 8.8 to 1 |
| 30 | `#66c298` | `oklch(74.51% 0.1088 162.39)` | Felt Green | black, 9.7 to 1 |
| 31 | `#70ca9e` | `oklch(77.01% 0.1073 161.38)` | Minted Elegance | black, 10.6 to 1 |
| 32 | `#79d1a5` | `oklch(79.26% 0.1058 161.06)` | Crystal Gem | black, 11.4 to 1 |
| 33 | `#80d6ac` | `oklch(81.09% 0.1042 161.41)` | Tadorna Teal | black, 12.1 to 1 |
| 34 | `#84dab1` | `oklch(82.35% 0.1026 162.39)` | Fresco Green | black, 12.6 to 1 |
| 35 | `#85dcb5` | `oklch(82.89% 0.1010 163.99)` | Āsmānī Sky | black, 12.9 to 1 |
| 36 | `#83dbb7` | `oklch(82.53% 0.0996 166.18)` | Āsmānī Sky | black, 12.7 to 1 |
| 37 | `#7cd6b7` | `oklch(81.10% 0.0982 169.28)` | Peppy | black, 12.1 to 1 |
| 38 | `#71ceb4` | `oklch(78.57% 0.0966 173.96)` | Puppeteers | black, 11.1 to 1 |
| 39 | `#63c2b1` | `oklch(75.14% 0.0949 179.98)` | Miami Teal | black, 9.8 to 1 |
| 40 | `#52b4ab` | `oklch(71.01% 0.0932 187.01)` | Emerald Wave | black, 8.5 to 1 |
| 41 | `#41a5a4` | `oklch(66.38% 0.0914 194.76)` | Tidal Teal | black, 7.1 to 1 |
| 42 | `#31949c` | `oklch(61.45% 0.0896 202.90)` | Aqua Lake | black, 5.8 to 1 |
| 43 | `#248393` | `oklch(56.43% 0.0879 211.14)` | River Fountain | black, 4.7 to 1 |
| 44 | `#197389` | `oklch(51.52% 0.0862 219.16)` | Glamour Green | white, 5.4 to 1 |
| 45 | `#11647f` | `oklch(46.92% 0.0847 226.66)` | Ocean Depths | white, 6.6 to 1 |
| 46 | `#0e5676` | `oklch(42.83% 0.0833 233.32)` | Moroccan Blue | white, 8 to 1 |
| 47 | `#0d4b6d` | `oklch(39.46% 0.0822 238.84)` | Tanzanite Blue | white, 9.3 to 1 |
| 48 | `#0d4467` | `oklch(37.01% 0.0813 242.90)` | Lush Aqua | white, 10.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f5dab2 0.0%, #f6d4ae 2.1%, #f5ccaa 4.3%, #f4c3a6 6.4%, #f1b9a5 8.5%, #ecaea5 10.6%, #e6a4a7 12.8%, #dd9bac 14.9%, #d293b2 17.0%, #c58db8 19.1%, #b789bd 21.3%, #a986c2 23.4%, #9b85c6 25.5%, #8d86c9 27.7%, #7d87ca 29.8%, #6c89ca 31.9%, #598cc7 34.0%, #458fc2 36.2%, #2e92bb 38.3%, #1095b3 40.4%, #0097a9 42.6%, #009aa0 44.7%, #009c98 46.8%, #009f92 48.9%, #16a28d 51.1%, #2ba68a 53.2%, #3cac8b 55.3%, #4bb28d 57.4%, #59ba92 59.6%, #66c298 61.7%, #70ca9e 63.8%, #79d1a5 66.0%, #80d6ac 68.1%, #84dab1 70.2%, #85dcb5 72.3%, #83dbb7 74.5%, #7cd6b7 76.6%, #71ceb4 78.7%, #63c2b1 80.9%, #52b4ab 83.0%, #41a5a4 85.1%, #31949c 87.2%, #248393 89.4%, #197389 91.5%, #11647f 93.6%, #0e5676 95.7%, #0d4b6d 97.9%, #0d4467 100.0%);
background: linear-gradient(135deg in oklch, oklch(90.16% 0.0606 77.34) 0.0%, oklch(88.92% 0.0625 70.60) 2.1%, oklch(87.27% 0.0649 62.07) 4.3%, oklch(85.30% 0.0677 52.02) 6.4%, oklch(83.08% 0.0709 40.75) 8.5%, oklch(80.70% 0.0744 28.51) 10.6%, oklch(78.23% 0.0780 15.60) 12.8%, oklch(75.77% 0.0816 2.28) 14.9%, oklch(73.38% 0.0852 348.84) 17.0%, oklch(71.15% 0.0886 335.56) 19.1%, oklch(69.17% 0.0918 322.70) 21.3%, oklch(67.52% 0.0946 310.56) 23.4%, oklch(66.25% 0.0970 299.34) 25.5%, oklch(65.22% 0.0992 288.10) 27.7%, oklch(64.32% 0.1013 276.52) 29.8%, oklch(63.57% 0.1033 264.76) 31.9%, oklch(62.97% 0.1051 253.00) 34.0%, oklch(62.51% 0.1068 241.41) 36.2%, oklch(62.21% 0.1084 230.14) 38.3%, oklch(62.06% 0.1097 219.37) 40.4%, oklch(62.07% 0.1071 209.28) 42.6%, oklch(62.24% 0.1058 200.01) 44.7%, oklch(62.57% 0.1075 191.75) 46.8%, oklch(63.07% 0.1113 184.66) 48.9%, oklch(63.82% 0.1130 178.84) 51.1%, oklch(65.18% 0.1127 173.94) 53.2%, oklch(67.10% 0.1121 169.88) 55.3%, oklch(69.40% 0.1112 166.61) 57.4%, oklch(71.92% 0.1101 164.13) 59.6%, oklch(74.51% 0.1088 162.39) 61.7%, oklch(77.01% 0.1073 161.38) 63.8%, oklch(79.26% 0.1058 161.06) 66.0%, oklch(81.09% 0.1042 161.41) 68.1%, oklch(82.35% 0.1026 162.39) 70.2%, oklch(82.89% 0.1010 163.99) 72.3%, oklch(82.53% 0.0996 166.18) 74.5%, oklch(81.10% 0.0982 169.28) 76.6%, oklch(78.57% 0.0966 173.96) 78.7%, oklch(75.14% 0.0949 179.98) 80.9%, oklch(71.01% 0.0932 187.01) 83.0%, oklch(66.38% 0.0914 194.76) 85.1%, oklch(61.45% 0.0896 202.90) 87.2%, oklch(56.43% 0.0879 211.14) 89.4%, oklch(51.52% 0.0862 219.16) 91.5%, oklch(46.92% 0.0847 226.66) 93.6%, oklch(42.83% 0.0833 233.32) 95.7%, oklch(39.46% 0.0822 238.84) 97.9%, oklch(37.01% 0.0813 242.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.061 | 77.3 |
| 2 | 0.665 | 0.096 | -57.9 |
| 3 | 0.634 | 0.113 | -178.4 |
| 4 | 0.823 | 0.099 | -193.2 |
| 5 | 0.37 | 0.081 | -117.1 |

## In these collections

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

## Other forms

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