# Gold aqua navy beam

Teal, tan, light blue and blue linear gradient with 48 colors: #04435f, #004c63, #005866, #006769, #007869, #2f8862, #5a9657, #84a14b, #aaaa43, #ccb044, #e6b74c, #f8bd57, #ffc463, #ffcc67, #f7d56c, #e6df7a, #cfe88f, #b5eda9, #9eeec3, #91ebd9, #8fe5e8, #94dcf0, #9bd2f0, #9fc9ec, #9fbfe5, #9ab4db, #91a7cf, #8599c2, #778ab4, #687ba6, #596c98, #495e8b, #3b527f, #2e4774, #233d6b, #1b3665, #163260, #122f5e, #0f2e5e, #0d2f5f, #0b3161, #093363, #073667, #06396a, #053d6d, #033f70, #024272, #004374. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, tan, light blue and blue linear gradient
- Seed: `kWXDanbDGtWaX1CqoEFL6U-g`
- Page: https://grabient.com/kWXDanbDGtWaX1CqoEFL6U-g?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: light center, vivid, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.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 | `#04435f` | `oklch(36.22% 0.0744 234.84)` | Neptune’s Wrath | white, 10.6 to 1 |
| 2 | `#004c63` | `oklch(38.82% 0.0742 226.01)` | Work Blue | white, 9.4 to 1 |
| 3 | `#005866` | `oklch(42.31% 0.0742 213.34)` | Abyssal Waters | white, 8.1 to 1 |
| 4 | `#006769` | `oklch(46.52% 0.0791 197.82)` | Joyful Tears | white, 6.7 to 1 |
| 5 | `#007869` | `oklch(51.26% 0.0928 180.33)` | Teal Waters | white, 5.4 to 1 |
| 6 | `#2f8862` | `oklch(56.33% 0.1034 161.80)` | Exquisite Emerald | black, 4.8 to 1 |
| 7 | `#5a9657` | `oklch(61.56% 0.1108 143.10)` | Wicked Witch | black, 5.9 to 1 |
| 8 | `#84a14b` | `oklch(66.74% 0.1179 125.13)` | Nasturtium Shoot | black, 7.1 to 1 |
| 9 | `#aaaa43` | `oklch(71.70% 0.1244 108.79)` | Delightful Camouflage | black, 8.5 to 1 |
| 10 | `#ccb044` | `oklch(76.24% 0.1298 94.98)` | Sugar Leaves | black, 9.8 to 1 |
| 11 | `#e6b74c` | `oklch(80.17% 0.1338 84.60)` | Honey Glow | black, 11.2 to 1 |
| 12 | `#f8bd57` | `oklch(83.32% 0.1361 78.55)` | Butterfield | black, 12.3 to 1 |
| 13 | `#ffc463` | `oklch(85.50% 0.1321 77.72)` | Honey Locust | black, 13.3 to 1 |
| 14 | `#ffcc67` | `oklch(87.05% 0.1317 82.45)` | Qing Yellow | black, 14 to 1 |
| 15 | `#f7d56c` | `oklch(88.17% 0.1297 91.97)` | Lighthouse Glow | black, 14.7 to 1 |
| 16 | `#e6df7a` | `oklch(88.88% 0.1236 105.37)` | Crescendo | black, 15.2 to 1 |
| 17 | `#cfe88f` | `oklch(89.18% 0.1164 121.76)` | Refreshed | black, 15.5 to 1 |
| 18 | `#b5eda9` | `oklch(89.11% 0.1083 140.22)` | Basilisk Lizard | black, 15.6 to 1 |
| 19 | `#9eeec3` | `oklch(88.67% 0.0998 159.86)` | Nightly Aurora | black, 15.5 to 1 |
| 20 | `#91ebd9` | `oklch(87.90% 0.0913 179.78)` | Oasis Stream | black, 15.1 to 1 |
| 21 | `#8fe5e8` | `oklch(86.81% 0.0833 199.07)` | Aqua Fiesta | black, 14.5 to 1 |
| 22 | `#94dcf0` | `oklch(85.41% 0.0761 216.82)` | Photon Barrier | black, 13.7 to 1 |
| 23 | `#9bd2f0` | `oklch(83.72% 0.0702 232.14)` | Sonic Sky | black, 12.9 to 1 |
| 24 | `#9fc9ec` | `oklch(81.78% 0.0661 244.12)` | Baby Blue Eyes | black, 12 to 1 |
| 25 | `#9fbfe5` | `oklch(79.49% 0.0639 252.21)` | Blair | black, 11 to 1 |
| 26 | `#9ab4db` | `oklch(76.40% 0.0632 257.98)` | Echo Isles Water | black, 9.9 to 1 |
| 27 | `#91a7cf` | `oklch(72.57% 0.0637 261.99)` | Serenity | black, 8.6 to 1 |
| 28 | `#8599c2` | `oklch(68.19% 0.0651 264.48)` | Bel Air Blue | black, 7.3 to 1 |
| 29 | `#778ab4` | `oklch(63.43% 0.0672 265.72)` | Wild Blue Yonder | black, 6 to 1 |
| 30 | `#687ba6` | `oklch(58.45% 0.0700 265.94)` | Night Thistle | black, 4.9 to 1 |
| 31 | `#596c98` | `oklch(53.44% 0.0731 265.41)` | Moonshade | white, 5.2 to 1 |
| 32 | `#495e8b` | `oklch(48.57% 0.0765 264.38)` | Indigo Navy Blue | white, 6.4 to 1 |
| 33 | `#3b527f` | `oklch(44.02% 0.0798 263.09)` | St. Tropaz | white, 7.8 to 1 |
| 34 | `#2e4774` | `oklch(39.94% 0.0829 261.80)` | Bona Fide | white, 9.2 to 1 |
| 35 | `#233d6b` | `oklch(36.53% 0.0856 260.76)` | Limoges | white, 10.7 to 1 |
| 36 | `#1b3665` | `oklch(33.96% 0.0878 260.23)` | Passionate Blue | white, 11.8 to 1 |
| 37 | `#163260` | `oklch(32.29% 0.0894 260.09)` | Ending Navy Blue | white, 12.6 to 1 |
| 38 | `#122f5e` | `oklch(31.33% 0.0909 259.62)` | Ambassador Blue | white, 13.1 to 1 |
| 39 | `#0f2e5e` | `oklch(30.95% 0.0924 258.84)` | Marine | white, 13.2 to 1 |
| 40 | `#0d2f5f` | `oklch(31.07% 0.0938 257.81)` | Marine | white, 13.2 to 1 |
| 41 | `#0b3161` | `oklch(31.58% 0.0951 256.61)` | Prussian Blue | white, 12.9 to 1 |
| 42 | `#093363` | `oklch(32.37% 0.0964 255.29)` | Prussian Blue | white, 12.5 to 1 |
| 43 | `#073667` | `oklch(33.34% 0.0976 253.92)` | Lost in Space | white, 12.1 to 1 |
| 44 | `#06396a` | `oklch(34.40% 0.0987 252.57)` | Lost in Space | white, 11.6 to 1 |
| 45 | `#053d6d` | `oklch(35.43% 0.0997 251.29)` | Tardis Blue | white, 11.1 to 1 |
| 46 | `#033f70` | `oklch(36.35% 0.1005 250.16)` | Ashenvale Nights | white, 10.7 to 1 |
| 47 | `#024272` | `oklch(37.04% 0.1013 249.23)` | Epic Adventure | white, 10.4 to 1 |
| 48 | `#004374` | `oklch(37.40% 0.1020 248.58)` | Mermaid Blues | white, 10.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #04435f 0.0%, #004c63 2.1%, #005866 4.3%, #006769 6.4%, #007869 8.5%, #2f8862 10.6%, #5a9657 12.8%, #84a14b 14.9%, #aaaa43 17.0%, #ccb044 19.1%, #e6b74c 21.3%, #f8bd57 23.4%, #ffc463 25.5%, #ffcc67 27.7%, #f7d56c 29.8%, #e6df7a 31.9%, #cfe88f 34.0%, #b5eda9 36.2%, #9eeec3 38.3%, #91ebd9 40.4%, #8fe5e8 42.6%, #94dcf0 44.7%, #9bd2f0 46.8%, #9fc9ec 48.9%, #9fbfe5 51.1%, #9ab4db 53.2%, #91a7cf 55.3%, #8599c2 57.4%, #778ab4 59.6%, #687ba6 61.7%, #596c98 63.8%, #495e8b 66.0%, #3b527f 68.1%, #2e4774 70.2%, #233d6b 72.3%, #1b3665 74.5%, #163260 76.6%, #122f5e 78.7%, #0f2e5e 80.9%, #0d2f5f 83.0%, #0b3161 85.1%, #093363 87.2%, #073667 89.4%, #06396a 91.5%, #053d6d 93.6%, #033f70 95.7%, #024272 97.9%, #004374 100.0%);
background: linear-gradient(135deg in oklch, oklch(36.22% 0.0744 234.84) 0.0%, oklch(38.82% 0.0742 226.01) 2.1%, oklch(42.31% 0.0742 213.34) 4.3%, oklch(46.52% 0.0791 197.82) 6.4%, oklch(51.26% 0.0928 180.33) 8.5%, oklch(56.33% 0.1034 161.80) 10.6%, oklch(61.56% 0.1108 143.10) 12.8%, oklch(66.74% 0.1179 125.13) 14.9%, oklch(71.70% 0.1244 108.79) 17.0%, oklch(76.24% 0.1298 94.98) 19.1%, oklch(80.17% 0.1338 84.60) 21.3%, oklch(83.32% 0.1361 78.55) 23.4%, oklch(85.50% 0.1321 77.72) 25.5%, oklch(87.05% 0.1317 82.45) 27.7%, oklch(88.17% 0.1297 91.97) 29.8%, oklch(88.88% 0.1236 105.37) 31.9%, oklch(89.18% 0.1164 121.76) 34.0%, oklch(89.11% 0.1083 140.22) 36.2%, oklch(88.67% 0.0998 159.86) 38.3%, oklch(87.90% 0.0913 179.78) 40.4%, oklch(86.81% 0.0833 199.07) 42.6%, oklch(85.41% 0.0761 216.82) 44.7%, oklch(83.72% 0.0702 232.14) 46.8%, oklch(81.78% 0.0661 244.12) 48.9%, oklch(79.49% 0.0639 252.21) 51.1%, oklch(76.40% 0.0632 257.98) 53.2%, oklch(72.57% 0.0637 261.99) 55.3%, oklch(68.19% 0.0651 264.48) 57.4%, oklch(63.43% 0.0672 265.72) 59.6%, oklch(58.45% 0.0700 265.94) 61.7%, oklch(53.44% 0.0731 265.41) 63.8%, oklch(48.57% 0.0765 264.38) 66.0%, oklch(44.02% 0.0798 263.09) 68.1%, oklch(39.94% 0.0829 261.80) 70.2%, oklch(36.53% 0.0856 260.76) 72.3%, oklch(33.96% 0.0878 260.23) 74.5%, oklch(32.29% 0.0894 260.09) 76.6%, oklch(31.33% 0.0909 259.62) 78.7%, oklch(30.95% 0.0924 258.84) 80.9%, oklch(31.07% 0.0938 257.81) 83.0%, oklch(31.58% 0.0951 256.61) 85.1%, oklch(32.37% 0.0964 255.29) 87.2%, oklch(33.34% 0.0976 253.92) 89.4%, oklch(34.40% 0.0987 252.57) 91.5%, oklch(35.43% 0.0997 251.29) 93.6%, oklch(36.35% 0.1005 250.16) 95.7%, oklch(37.04% 0.1013 249.23) 97.9%, oklch(37.40% 0.1020 248.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.074 | 234.8 |
| 2 | 0.85 | 0.136 | 77.4 |
| 3 | 0.807 | 0.065 | 248.6 |
| 4 | 0.335 | 0.088 | 260.2 |
| 5 | 0.374 | 0.102 | 248.6 |

## In these collections

- [Orange and blue gradients](https://grabient.com/orange-and-blue-gradients)

## Other forms

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