# Reef water coral sunset

Navy, teal, orange and pink linear gradient with 48 colors: #001021, #001324, #001727, #001b2c, #002031, #002636, #002c3c, #003242, #003948, #00404e, #004753, #004d59, #00535e, #005a63, #00606a, #006770, #006e77, #00747e, #007b85, #00828b, #008990, #008f93, #009694, #009c92, #00a28c, #00a77f, #00ad64, #51ac3f, #7fa600, #a19d00, #b99500, #cf8b00, #e57f00, #f87127, #fe6c52, #ff6f71, #ff7487, #ff7a99, #ff82a7, #ff8ab3, #ff93bd, #ff9cc4, #ffa5cb, #ffadd0, #ffb4d5, #ffbbd9, #ffc0dd, #ffc5e0. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Navy, teal, orange and pink linear gradient
- Seed: `kWKzOuMy871A6PNbwaycB08Q`
- Page: https://grabient.com/kWKzOuMy871A6PNbwaycB08Q?steps=48&angle=180
- Drawn as: linear gradient, 48 steps, 180 degrees
- Kinds: dark to light, vivid
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 12.9 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 | `#001021` | `oklch(16.96% 0.0430 245.34)` | Kuretake Black Manga | white, 19.1 to 1 |
| 2 | `#001324` | `oklch(18.11% 0.0442 243.47)` | Kuretake Black Manga | white, 18.7 to 1 |
| 3 | `#001727` | `oklch(19.55% 0.0457 241.12)` | Creeping Death | white, 18.2 to 1 |
| 4 | `#001b2c` | `oklch(21.24% 0.0474 238.38)` | Oxford by Night | white, 17.5 to 1 |
| 5 | `#002031` | `oklch(23.15% 0.0493 235.33)` | Cyanophobia | white, 16.7 to 1 |
| 6 | `#002636` | `oklch(25.22% 0.0515 232.05)` | Murky Depths | white, 15.7 to 1 |
| 7 | `#002c3c` | `oklch(27.41% 0.0538 228.61)` | Murky Depths | white, 14.7 to 1 |
| 8 | `#003242` | `oklch(29.67% 0.0563 225.11)` | Nordic Noir | white, 13.6 to 1 |
| 9 | `#003948` | `oklch(31.98% 0.0589 221.61)` | Natural Indigo | white, 12.4 to 1 |
| 10 | `#00404e` | `oklch(34.27% 0.0616 218.18)` | Cold and Dark | white, 11.4 to 1 |
| 11 | `#004753` | `oklch(36.51% 0.0645 214.92)` | Midnight Green | white, 10.3 to 1 |
| 12 | `#004d59` | `oklch(38.65% 0.0673 211.90)` | Watercolour Blue | white, 9.4 to 1 |
| 13 | `#00535e` | `oklch(40.66% 0.0701 209.22)` | Sandalwood Grey Blue | white, 8.7 to 1 |
| 14 | `#005a63` | `oklch(42.68% 0.0732 207.36)` | Entrapment | white, 7.9 to 1 |
| 15 | `#00606a` | `oklch(44.76% 0.0766 206.28)` | Petrol | white, 7.2 to 1 |
| 16 | `#006770` | `oklch(46.89% 0.0802 205.71)` | Trouser Blue | white, 6.6 to 1 |
| 17 | `#006e77` | `oklch(49.02% 0.0838 205.38)` | Carnival Night | white, 6 to 1 |
| 18 | `#00747e` | `oklch(51.15% 0.0874 205.03)` | Night Scape | white, 5.4 to 1 |
| 19 | `#007b85` | `oklch(53.24% 0.0908 204.37)` | Mediterranean Cove | white, 5 to 1 |
| 20 | `#00828b` | `oklch(55.27% 0.0941 203.15)` | Precious Blue | white, 4.5 to 1 |
| 21 | `#008990` | `oklch(57.22% 0.0973 201.09)` | India Blue | black, 4.9 to 1 |
| 22 | `#008f93` | `oklch(59.05% 0.1004 197.93)` | Christina Brown | black, 5.3 to 1 |
| 23 | `#009694` | `oklch(60.75% 0.1040 193.38)` | Intermezzo | black, 5.7 to 1 |
| 24 | `#009c92` | `oklch(62.29% 0.1087 187.19)` | Caribbean Turquoise | black, 6.1 to 1 |
| 25 | `#00a28c` | `oklch(63.64% 0.1163 178.99)` | Turquish | black, 6.5 to 1 |
| 26 | `#00a77f` | `oklch(64.77% 0.1308 168.21)` | Active Green | black, 6.8 to 1 |
| 27 | `#00ad64` | `oklch(65.70% 0.1617 155.22)` | Go Green! | black, 7.1 to 1 |
| 28 | `#51ac3f` | `oklch(66.48% 0.1705 140.54)` | Sonata in Green Minor | black, 7.3 to 1 |
| 29 | `#7fa600` | `oklch(67.14% 0.1680 124.66)` | Hillsbrad Grass | black, 7.3 to 1 |
| 30 | `#a19d00` | `oklch(67.73% 0.1461 108.06)` | Nuclear Fallout | black, 7.3 to 1 |
| 31 | `#b99500` | `oklch(68.28% 0.1396 91.26)` | Main Mast Gold | black, 7.3 to 1 |
| 32 | `#cf8b00` | `oklch(68.83% 0.1454 74.75)` | Festering Brown | black, 7.3 to 1 |
| 33 | `#e57f00` | `oklch(69.41% 0.1643 59.05)` | Sports Fan | black, 7.3 to 1 |
| 34 | `#f87127` | `oklch(70.07% 0.1843 44.67)` | Persimmon Orange | black, 7.3 to 1 |
| 35 | `#fe6c52` | `oklch(70.85% 0.1835 32.06)` | Blistering Mars | black, 7.5 to 1 |
| 36 | `#ff6f71` | `oklch(71.78% 0.1762 21.76)` | Georgia Peach | black, 7.7 to 1 |
| 37 | `#ff7487` | `oklch(72.91% 0.1698 13.86)` | Heatstroke | black, 8 to 1 |
| 38 | `#ff7a99` | `oklch(74.22% 0.1633 7.56)` | Aggressive Salmon | black, 8.5 to 1 |
| 39 | `#ff82a7` | `oklch(75.68% 0.1560 2.64)` | Informative Pink | black, 8.9 to 1 |
| 40 | `#ff8ab3` | `oklch(77.23% 0.1474 358.90)` | Tickle Me Pink | black, 9.5 to 1 |
| 41 | `#ff93bd` | `oklch(78.85% 0.1376 356.16)` | Schauss Pink | black, 10.1 to 1 |
| 42 | `#ff9cc4` | `oklch(80.48% 0.1269 354.23)` | Himalayan Balsam | black, 10.7 to 1 |
| 43 | `#ffa5cb` | `oklch(82.08% 0.1160 352.91)` | Bazooka Pink | black, 11.4 to 1 |
| 44 | `#ffadd0` | `oklch(83.62% 0.1053 352.02)` | Spaghetti Strap Pink | black, 12.1 to 1 |
| 45 | `#ffb4d5` | `oklch(85.04% 0.0954 351.37)` | Lavender Candy | black, 12.7 to 1 |
| 46 | `#ffbbd9` | `oklch(86.30% 0.0868 350.77)` | Cotton Candy | black, 13.3 to 1 |
| 47 | `#ffc0dd` | `oklch(87.37% 0.0798 350.02)` | Cotton Candy | black, 13.8 to 1 |
| 48 | `#ffc5e0` | `oklch(88.19% 0.0749 348.95)` | Sweet Romance | black, 14.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #001021 0.0%, #001324 2.1%, #001727 4.3%, #001b2c 6.4%, #002031 8.5%, #002636 10.6%, #002c3c 12.8%, #003242 14.9%, #003948 17.0%, #00404e 19.1%, #004753 21.3%, #004d59 23.4%, #00535e 25.5%, #005a63 27.7%, #00606a 29.8%, #006770 31.9%, #006e77 34.0%, #00747e 36.2%, #007b85 38.3%, #00828b 40.4%, #008990 42.6%, #008f93 44.7%, #009694 46.8%, #009c92 48.9%, #00a28c 51.1%, #00a77f 53.2%, #00ad64 55.3%, #51ac3f 57.4%, #7fa600 59.6%, #a19d00 61.7%, #b99500 63.8%, #cf8b00 66.0%, #e57f00 68.1%, #f87127 70.2%, #fe6c52 72.3%, #ff6f71 74.5%, #ff7487 76.6%, #ff7a99 78.7%, #ff82a7 80.9%, #ff8ab3 83.0%, #ff93bd 85.1%, #ff9cc4 87.2%, #ffa5cb 89.4%, #ffadd0 91.5%, #ffb4d5 93.6%, #ffbbd9 95.7%, #ffc0dd 97.9%, #ffc5e0 100.0%);
background: linear-gradient(180deg in oklch, oklch(16.96% 0.0430 245.34) 0.0%, oklch(18.11% 0.0442 243.47) 2.1%, oklch(19.55% 0.0457 241.12) 4.3%, oklch(21.24% 0.0474 238.38) 6.4%, oklch(23.15% 0.0493 235.33) 8.5%, oklch(25.22% 0.0515 232.05) 10.6%, oklch(27.41% 0.0538 228.61) 12.8%, oklch(29.67% 0.0563 225.11) 14.9%, oklch(31.98% 0.0589 221.61) 17.0%, oklch(34.27% 0.0616 218.18) 19.1%, oklch(36.51% 0.0645 214.92) 21.3%, oklch(38.65% 0.0673 211.90) 23.4%, oklch(40.66% 0.0701 209.22) 25.5%, oklch(42.68% 0.0732 207.36) 27.7%, oklch(44.76% 0.0766 206.28) 29.8%, oklch(46.89% 0.0802 205.71) 31.9%, oklch(49.02% 0.0838 205.38) 34.0%, oklch(51.15% 0.0874 205.03) 36.2%, oklch(53.24% 0.0908 204.37) 38.3%, oklch(55.27% 0.0941 203.15) 40.4%, oklch(57.22% 0.0973 201.09) 42.6%, oklch(59.05% 0.1004 197.93) 44.7%, oklch(60.75% 0.1040 193.38) 46.8%, oklch(62.29% 0.1087 187.19) 48.9%, oklch(63.64% 0.1163 178.99) 51.1%, oklch(64.77% 0.1308 168.21) 53.2%, oklch(65.70% 0.1617 155.22) 55.3%, oklch(66.48% 0.1705 140.54) 57.4%, oklch(67.14% 0.1680 124.66) 59.6%, oklch(67.73% 0.1461 108.06) 61.7%, oklch(68.28% 0.1396 91.26) 63.8%, oklch(68.83% 0.1454 74.75) 66.0%, oklch(69.41% 0.1643 59.05) 68.1%, oklch(70.07% 0.1843 44.67) 70.2%, oklch(70.85% 0.1835 32.06) 72.3%, oklch(71.78% 0.1762 21.76) 74.5%, oklch(72.91% 0.1698 13.86) 76.6%, oklch(74.22% 0.1633 7.56) 78.7%, oklch(75.68% 0.1560 2.64) 80.9%, oklch(77.23% 0.1474 358.90) 83.0%, oklch(78.85% 0.1376 356.16) 85.1%, oklch(80.48% 0.1269 354.23) 87.2%, oklch(82.08% 0.1160 352.91) 89.4%, oklch(83.62% 0.1053 352.02) 91.5%, oklch(85.04% 0.0954 351.37) 93.6%, oklch(86.30% 0.0868 350.77) 95.7%, oklch(87.37% 0.0798 350.02) 97.9%, oklch(88.19% 0.0749 348.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.07 | 244.7 |
| 2 | 0.402 | 0.13 | 209.8 |
| 3 | 0.63 | 0.16 | 183.4 |
| 4 | 0.72 | 0.181 | 19.6 |
| 5 | 0.882 | 0.08 | -11 |

## In these collections

- [Tropical gradients](https://grabient.com/tropical-gradients)

## Other forms

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