# Teal coral planet glow

Teal, peach, white and blue linear gradient with 48 colors: #4fa0b2, #4e9cad, #4a96a4, #478f9a, #43888f, #408085, #3d797d, #3b7377, #3b6f74, #3c6d76, #416d7c, #4c7086, #5d7392, #73789c, #8b7da3, #a384a4, #b88ba2, #c8949d, #d39c99, #daa396, #dea795, #e2a894, #e5a895, #e7a697, #e9a49a, #eba39e, #eca2a1, #eea3a2, #f0a7a1, #f2ae9f, #f4baa0, #f4c8a6, #f2d7b3, #f0e6c4, #f0f2d7, #f1fae8, #f4fff4, #f6fffa, #eefdf8, #e1f6f3, #cdebed, #b5dde6, #9dcde0, #86bada, #75a7d4, #6996ce, #6486c8, #627bc3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, peach, white and blue linear gradient
- Seed: `kYqDyYwBO_-CY1Pln78_YZQ8upy6`
- Page: https://grabient.com/kYqDyYwBO_-CY1Pln78_YZQ8upy6?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, pastel, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#4fa0b2` | `oklch(66.14% 0.0827 214.45)` | Maui Blue | black, 6.9 to 1 |
| 2 | `#4e9cad` | `oklch(64.93% 0.0806 213.56)` | Summer Turquoise Blue | black, 6.6 to 1 |
| 3 | `#4a96a4` | `oklch(63.09% 0.0777 211.29)` | Sea Current | black, 6.2 to 1 |
| 4 | `#478f9a` | `oklch(60.85% 0.0741 208.30)` | Adrift | black, 5.6 to 1 |
| 5 | `#43888f` | `oklch(58.40% 0.0702 205.22)` | Sea Caller | black, 5.1 to 1 |
| 6 | `#408085` | `oklch(55.95% 0.0661 202.70)` | Enamel Antique Green | black, 4.6 to 1 |
| 7 | `#3d797d` | `oklch(53.70% 0.0623 201.37)` | Grand Canal | white, 4.9 to 1 |
| 8 | `#3b7377` | `oklch(51.87% 0.0588 201.88)` | Ming | white, 5.3 to 1 |
| 9 | `#3b6f74` | `oklch(50.66% 0.0560 204.88)` | Peabody | white, 5.6 to 1 |
| 10 | `#3c6d76` | `oklch(50.27% 0.0542 210.99)` | Peabody | white, 5.7 to 1 |
| 11 | `#416d7c` | `oklch(50.91% 0.0534 221.17)` | Bismarck | white, 5.6 to 1 |
| 12 | `#4c7086` | `oklch(52.59% 0.0535 236.48)` | Shipyard | white, 5.3 to 1 |
| 13 | `#5d7392` | `oklch(55.08% 0.0543 255.80)` | Laguna Blue | white, 4.8 to 1 |
| 14 | `#73789c` | `oklch(58.16% 0.0557 277.82)` | Kimono Violet | black, 4.8 to 1 |
| 15 | `#8b7da3` | `oklch(61.60% 0.0574 301.25)` | Second Pour | black, 5.5 to 1 |
| 16 | `#a384a4` | `oklch(65.18% 0.0595 324.77)` | Wonder Violet | black, 6.3 to 1 |
| 17 | `#b88ba2` | `oklch(68.66% 0.0617 347.08)` | Lover’s Tryst | black, 7.2 to 1 |
| 18 | `#c8949d` | `oklch(71.83% 0.0639 6.87)` | Rose Meadow | black, 8.1 to 1 |
| 19 | `#d39c99` | `oklch(74.44% 0.0660 22.84)` | Savoury Salmon | black, 9 to 1 |
| 20 | `#daa396` | `oklch(76.29% 0.0679 33.69)` | Conch Pink | black, 9.6 to 1 |
| 21 | `#dea795` | `oklch(77.43% 0.0704 39.04)` | Cedarville | black, 10 to 1 |
| 22 | `#e2a894` | `oklch(78.08% 0.0735 39.98)` | California Coral | black, 10.2 to 1 |
| 23 | `#e5a895` | `oklch(78.36% 0.0771 37.71)` | Ageless Beauty | black, 10.3 to 1 |
| 24 | `#e7a697` | `oklch(78.40% 0.0807 33.44)` | Pelican Pink | black, 10.3 to 1 |
| 25 | `#e9a49a` | `oklch(78.34% 0.0840 28.37)` | Spring Linen | black, 10.2 to 1 |
| 26 | `#eba39e` | `oklch(78.30% 0.0867 23.72)` | Spring Linen | black, 10.2 to 1 |
| 27 | `#eca2a1` | `oklch(78.43% 0.0883 20.69)` | Cosy Summer Sunset | black, 10.2 to 1 |
| 28 | `#eea3a2` | `oklch(78.85% 0.0887 20.47)` | Plum Blossom | black, 10.4 to 1 |
| 29 | `#f0a7a1` | `oklch(79.69% 0.0873 24.29)` | Roseberry | black, 10.7 to 1 |
| 30 | `#f2ae9f` | `oklch(81.19% 0.0835 32.68)` | Rosy Outlook | black, 11.3 to 1 |
| 31 | `#f4baa0` | `oklch(83.47% 0.0765 44.43)` | Certain Peach | black, 12.3 to 1 |
| 32 | `#f4c8a6` | `oklch(86.27% 0.0672 58.82)` | Citrus Sachet | black, 13.6 to 1 |
| 33 | `#f2d7b3` | `oklch(89.32% 0.0566 75.14)` | Simple Pleasures | black, 15.1 to 1 |
| 34 | `#f0e6c4` | `oklch(92.37% 0.0457 92.69)` | Fake Blonde | black, 16.7 to 1 |
| 35 | `#f0f2d7` | `oklch(95.15% 0.0352 110.77)` | Cream Clear | black, 18.3 to 1 |
| 36 | `#f1fae8` | `oklch(97.39% 0.0263 128.67)` | White Sulphur | black, 19.6 to 1 |
| 37 | `#f4fff4` | `oklch(98.83% 0.0192 145.70)` | Azure Mist | black, 20.4 to 1 |
| 38 | `#f6fffa` | `oklch(99.21% 0.0113 161.17)` | Mint Cream | black, 20.6 to 1 |
| 39 | `#eefdf8` | `oklch(98.25% 0.0175 174.54)` | Cold White | black, 20 to 1 |
| 40 | `#e1f6f3` | `oklch(95.73% 0.0230 187.49)` | Frosty Mint | black, 18.7 to 1 |
| 41 | `#cdebed` | `oklch(91.94% 0.0320 200.28)` | Fountain Spout | black, 16.7 to 1 |
| 42 | `#b5dde6` | `oklch(87.23% 0.0436 212.71)` | Minor Blue | black, 14.4 to 1 |
| 43 | `#9dcde0` | `oklch(81.95% 0.0569 224.59)` | Intercoastal | black, 12.1 to 1 |
| 44 | `#86bada` | `oklch(76.47% 0.0709 235.71)` | Frozen Whisper | black, 10 to 1 |
| 45 | `#75a7d4` | `oklch(71.12% 0.0846 245.88)` | Polar Ice | black, 8.2 to 1 |
| 46 | `#6996ce` | `oklch(66.27% 0.0970 254.90)` | Zeus Temple | black, 6.8 to 1 |
| 47 | `#6486c8` | `oklch(62.26% 0.1073 262.58)` | Livid | black, 5.7 to 1 |
| 48 | `#627bc3` | `oklch(59.45% 0.1144 268.70)` | Ultramarine Blue | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4fa0b2 0.0%, #4e9cad 2.1%, #4a96a4 4.3%, #478f9a 6.4%, #43888f 8.5%, #408085 10.6%, #3d797d 12.8%, #3b7377 14.9%, #3b6f74 17.0%, #3c6d76 19.1%, #416d7c 21.3%, #4c7086 23.4%, #5d7392 25.5%, #73789c 27.7%, #8b7da3 29.8%, #a384a4 31.9%, #b88ba2 34.0%, #c8949d 36.2%, #d39c99 38.3%, #daa396 40.4%, #dea795 42.6%, #e2a894 44.7%, #e5a895 46.8%, #e7a697 48.9%, #e9a49a 51.1%, #eba39e 53.2%, #eca2a1 55.3%, #eea3a2 57.4%, #f0a7a1 59.6%, #f2ae9f 61.7%, #f4baa0 63.8%, #f4c8a6 66.0%, #f2d7b3 68.1%, #f0e6c4 70.2%, #f0f2d7 72.3%, #f1fae8 74.5%, #f4fff4 76.6%, #f6fffa 78.7%, #eefdf8 80.9%, #e1f6f3 83.0%, #cdebed 85.1%, #b5dde6 87.2%, #9dcde0 89.4%, #86bada 91.5%, #75a7d4 93.6%, #6996ce 95.7%, #6486c8 97.9%, #627bc3 100.0%);
background: linear-gradient(135deg in oklch, oklch(66.14% 0.0827 214.45) 0.0%, oklch(64.93% 0.0806 213.56) 2.1%, oklch(63.09% 0.0777 211.29) 4.3%, oklch(60.85% 0.0741 208.30) 6.4%, oklch(58.40% 0.0702 205.22) 8.5%, oklch(55.95% 0.0661 202.70) 10.6%, oklch(53.70% 0.0623 201.37) 12.8%, oklch(51.87% 0.0588 201.88) 14.9%, oklch(50.66% 0.0560 204.88) 17.0%, oklch(50.27% 0.0542 210.99) 19.1%, oklch(50.91% 0.0534 221.17) 21.3%, oklch(52.59% 0.0535 236.48) 23.4%, oklch(55.08% 0.0543 255.80) 25.5%, oklch(58.16% 0.0557 277.82) 27.7%, oklch(61.60% 0.0574 301.25) 29.8%, oklch(65.18% 0.0595 324.77) 31.9%, oklch(68.66% 0.0617 347.08) 34.0%, oklch(71.83% 0.0639 6.87) 36.2%, oklch(74.44% 0.0660 22.84) 38.3%, oklch(76.29% 0.0679 33.69) 40.4%, oklch(77.43% 0.0704 39.04) 42.6%, oklch(78.08% 0.0735 39.98) 44.7%, oklch(78.36% 0.0771 37.71) 46.8%, oklch(78.40% 0.0807 33.44) 48.9%, oklch(78.34% 0.0840 28.37) 51.1%, oklch(78.30% 0.0867 23.72) 53.2%, oklch(78.43% 0.0883 20.69) 55.3%, oklch(78.85% 0.0887 20.47) 57.4%, oklch(79.69% 0.0873 24.29) 59.6%, oklch(81.19% 0.0835 32.68) 61.7%, oklch(83.47% 0.0765 44.43) 63.8%, oklch(86.27% 0.0672 58.82) 66.0%, oklch(89.32% 0.0566 75.14) 68.1%, oklch(92.37% 0.0457 92.69) 70.2%, oklch(95.15% 0.0352 110.77) 72.3%, oklch(97.39% 0.0263 128.67) 74.5%, oklch(98.83% 0.0192 145.70) 76.6%, oklch(99.21% 0.0113 161.17) 78.7%, oklch(98.25% 0.0175 174.54) 80.9%, oklch(95.73% 0.0230 187.49) 83.0%, oklch(91.94% 0.0320 200.28) 85.1%, oklch(87.23% 0.0436 212.71) 87.2%, oklch(81.95% 0.0569 224.59) 89.4%, oklch(76.47% 0.0709 235.71) 91.5%, oklch(71.12% 0.0846 245.88) 93.6%, oklch(66.27% 0.0970 254.90) 95.7%, oklch(62.26% 0.1073 262.58) 97.9%, oklch(59.45% 0.1144 268.70) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.083 | 214.5 |
| 2 | 0.504 | 0.054 | 214.5 |
| 3 | 0.76 | 0.068 | 392 |
| 4 | 0.799 | 0.087 | 385.6 |
| 5 | 0.988 | 0.017 | 529.4 |
| 6 | 0.594 | 0.114 | 628.7 |

## In these collections

- [Extra celestial](https://grabient.com/extra-celestial)

## Other forms

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