# Blue teal deep blue gradient

Duotone blue and cyan linear gradient with 48 colors: #384ca7, #3551aa, #3257af, #2e5eb4, #2766ba, #1d6fc0, #0a79c5, #0083c8, #008eca, #0098cc, #00a3d0, #00aed3, #00b8d6, #00c3d9, #00cddc, #00d6dd, #00e0de, #00e8df, #24efde, #38f4dd, #45f9db, #4efcda, #53fed9, #54ffd7, #51fed6, #49fcd5, #3bf8d4, #20f3d2, #00ecd1, #00e3d0, #00d9cd, #00ceca, #00c3c6, #00b7c1, #00abbb, #009fb4, #0093ae, #0087a7, #007b9f, #006f98, #006491, #005a8b, #005085, #004781, #003e7e, #00357d, #002c7f, #001f87. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Duotone blue and cyan linear gradient
- Seed: `kSc2vAcra0ihISo`
- Page: https://grabient.com/kSc2vAcra0ihISo?steps=48&angle=45
- Drawn as: linear gradient, 48 steps, 45 degrees
- Kinds: light center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 10.7 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 | `#384ca7` | `oklch(45.28% 0.1474 270.00)` | Dazzling Blue | white, 7.6 to 1 |
| 2 | `#3551aa` | `oklch(46.40% 0.1475 267.62)` | Blasphemous Blue | white, 7.2 to 1 |
| 3 | `#3257af` | `oklch(47.84% 0.1474 264.62)` | Blasphemous Blue | white, 6.7 to 1 |
| 4 | `#2e5eb4` | `oklch(49.56% 0.1473 261.07)` | Adventure of the Seas | white, 6.2 to 1 |
| 5 | `#2766ba` | `oklch(51.53% 0.1472 257.03)` | Blue Streak | white, 5.6 to 1 |
| 6 | `#1d6fc0` | `oklch(53.71% 0.1470 252.57)` | Matt Blue | white, 5.1 to 1 |
| 7 | `#0a79c5` | `oklch(56.07% 0.1468 247.74)` | Diva Blue | white, 4.6 to 1 |
| 8 | `#0083c8` | `oklch(58.58% 0.1407 242.64)` | Water Raceway | black, 5 to 1 |
| 9 | `#008eca` | `oklch(61.19% 0.1342 237.29)` | Parrotfish Blue | black, 5.6 to 1 |
| 10 | `#0098cc` | `oklch(63.88% 0.1300 231.78)` | Tomb Blue | black, 6.3 to 1 |
| 11 | `#00a3d0` | `oklch(66.61% 0.1276 226.17)` | Charybdis | black, 7.1 to 1 |
| 12 | `#00aed3` | `oklch(69.35% 0.1267 220.52)` | Hú Lán Blue | black, 7.9 to 1 |
| 13 | `#00b8d6` | `oklch(72.06% 0.1272 214.91)` | Maldives | black, 8.8 to 1 |
| 14 | `#00c3d9` | `oklch(74.71% 0.1289 209.40)` | The Crowd Roars! | black, 9.7 to 1 |
| 15 | `#00cddc` | `oklch(77.26% 0.1317 204.05)` | Jade Glass | black, 10.7 to 1 |
| 16 | `#00d6dd` | `oklch(79.68% 0.1355 198.93)` | Aztec Turquoise | black, 11.7 to 1 |
| 17 | `#00e0de` | `oklch(81.94% 0.1400 194.10)` | Fish Boy | black, 12.6 to 1 |
| 18 | `#00e8df` | `oklch(84.00% 0.1452 189.63)` | Bright Turquoise | black, 13.6 to 1 |
| 19 | `#24efde` | `oklch(85.82% 0.1464 185.59)` | Frozen Boubble | black, 14.4 to 1 |
| 20 | `#38f4dd` | `oklch(87.38% 0.1468 182.04)` | Bright Aqua | black, 15.2 to 1 |
| 21 | `#45f9db` | `oklch(88.63% 0.1473 179.03)` | Lamiaceae | black, 15.8 to 1 |
| 22 | `#4efcda` | `oklch(89.55% 0.1480 176.65)` | Lamiaceae | black, 16.2 to 1 |
| 23 | `#53fed9` | `oklch(90.10% 0.1487 174.95)` | Lamiaceae | black, 16.5 to 1 |
| 24 | `#54ffd7` | `oklch(90.25% 0.1497 174.01)` | Aurichalcite | black, 16.6 to 1 |
| 25 | `#51fed6` | `oklch(89.95% 0.1508 173.87)` | Lamiaceae | black, 16.4 to 1 |
| 26 | `#49fcd5` | `oklch(89.20% 0.1521 174.54)` | Lamiaceae | black, 16.1 to 1 |
| 27 | `#3bf8d4` | `oklch(88.02% 0.1536 175.95)` | Lamiaceae | black, 15.5 to 1 |
| 28 | `#20f3d2` | `oklch(86.45% 0.1554 178.03)` | Frozen Boubble | black, 14.8 to 1 |
| 29 | `#00ecd1` | `oklch(84.54% 0.1526 180.73)` | Fake Jade | black, 13.9 to 1 |
| 30 | `#00e3d0` | `oklch(82.31% 0.1458 183.97)` | Ice Climber | black, 12.9 to 1 |
| 31 | `#00d9cd` | `oklch(79.80% 0.1389 187.70)` | Mint Morning | black, 11.8 to 1 |
| 32 | `#00ceca` | `oklch(77.06% 0.1324 191.86)` | Blue Martina | black, 10.7 to 1 |
| 33 | `#00c3c6` | `oklch(74.12% 0.1262 196.37)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 34 | `#00b7c1` | `oklch(71.02% 0.1208 201.18)` | Lago Blue | black, 8.5 to 1 |
| 35 | `#00abbb` | `oklch(67.79% 0.1160 206.22)` | Bahaman Sea | black, 7.5 to 1 |
| 36 | `#009fb4` | `oklch(64.47% 0.1121 211.42)` | Lake Blue | black, 6.6 to 1 |
| 37 | `#0093ae` | `oklch(61.11% 0.1090 216.73)` | Munsell Blue | black, 5.7 to 1 |
| 38 | `#0087a7` | `oklch(57.73% 0.1067 222.08)` | Caribbean Sea | black, 5 to 1 |
| 39 | `#007b9f` | `oklch(54.37% 0.1054 227.41)` | Bleu Ciel | white, 4.8 to 1 |
| 40 | `#006f98` | `oklch(51.08% 0.1051 232.65)` | Tofino Belue | white, 5.6 to 1 |
| 41 | `#006491` | `oklch(47.89% 0.1057 237.73)` | Kingfisher Blue | white, 6.4 to 1 |
| 42 | `#005a8b` | `oklch(44.84% 0.1076 242.61)` | Buccaneer Blue | white, 7.4 to 1 |
| 43 | `#005085` | `oklch(41.96% 0.1108 247.20)` | Snorkel Blue | white, 8.4 to 1 |
| 44 | `#004781` | `oklch(39.29% 0.1157 251.45)` | Bridgeport | white, 9.5 to 1 |
| 45 | `#003e7e` | `oklch(36.88% 0.1227 255.29)` | Bracing Blue | white, 10.6 to 1 |
| 46 | `#00357d` | `oklch(34.75% 0.1325 258.66)` | Cobalt Blue Tarantula | white, 11.6 to 1 |
| 47 | `#002c7f` | `oklch(32.95% 0.1470 261.50)` | Below the Surface | white, 12.6 to 1 |
| 48 | `#001f87` | `oklch(31.51% 0.1736 263.73)` | There Is Light | white, 13.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #384ca7 0.0%, #3551aa 2.1%, #3257af 4.3%, #2e5eb4 6.4%, #2766ba 8.5%, #1d6fc0 10.6%, #0a79c5 12.8%, #0083c8 14.9%, #008eca 17.0%, #0098cc 19.1%, #00a3d0 21.3%, #00aed3 23.4%, #00b8d6 25.5%, #00c3d9 27.7%, #00cddc 29.8%, #00d6dd 31.9%, #00e0de 34.0%, #00e8df 36.2%, #24efde 38.3%, #38f4dd 40.4%, #45f9db 42.6%, #4efcda 44.7%, #53fed9 46.8%, #54ffd7 48.9%, #51fed6 51.1%, #49fcd5 53.2%, #3bf8d4 55.3%, #20f3d2 57.4%, #00ecd1 59.6%, #00e3d0 61.7%, #00d9cd 63.8%, #00ceca 66.0%, #00c3c6 68.1%, #00b7c1 70.2%, #00abbb 72.3%, #009fb4 74.5%, #0093ae 76.6%, #0087a7 78.7%, #007b9f 80.9%, #006f98 83.0%, #006491 85.1%, #005a8b 87.2%, #005085 89.4%, #004781 91.5%, #003e7e 93.6%, #00357d 95.7%, #002c7f 97.9%, #001f87 100.0%);
background: linear-gradient(45deg in oklch, oklch(45.28% 0.1474 270.00) 0.0%, oklch(46.40% 0.1475 267.62) 2.1%, oklch(47.84% 0.1474 264.62) 4.3%, oklch(49.56% 0.1473 261.07) 6.4%, oklch(51.53% 0.1472 257.03) 8.5%, oklch(53.71% 0.1470 252.57) 10.6%, oklch(56.07% 0.1468 247.74) 12.8%, oklch(58.58% 0.1407 242.64) 14.9%, oklch(61.19% 0.1342 237.29) 17.0%, oklch(63.88% 0.1300 231.78) 19.1%, oklch(66.61% 0.1276 226.17) 21.3%, oklch(69.35% 0.1267 220.52) 23.4%, oklch(72.06% 0.1272 214.91) 25.5%, oklch(74.71% 0.1289 209.40) 27.7%, oklch(77.26% 0.1317 204.05) 29.8%, oklch(79.68% 0.1355 198.93) 31.9%, oklch(81.94% 0.1400 194.10) 34.0%, oklch(84.00% 0.1452 189.63) 36.2%, oklch(85.82% 0.1464 185.59) 38.3%, oklch(87.38% 0.1468 182.04) 40.4%, oklch(88.63% 0.1473 179.03) 42.6%, oklch(89.55% 0.1480 176.65) 44.7%, oklch(90.10% 0.1487 174.95) 46.8%, oklch(90.25% 0.1497 174.01) 48.9%, oklch(89.95% 0.1508 173.87) 51.1%, oklch(89.20% 0.1521 174.54) 53.2%, oklch(88.02% 0.1536 175.95) 55.3%, oklch(86.45% 0.1554 178.03) 57.4%, oklch(84.54% 0.1526 180.73) 59.6%, oklch(82.31% 0.1458 183.97) 61.7%, oklch(79.80% 0.1389 187.70) 63.8%, oklch(77.06% 0.1324 191.86) 66.0%, oklch(74.12% 0.1262 196.37) 68.1%, oklch(71.02% 0.1208 201.18) 70.2%, oklch(67.79% 0.1160 206.22) 72.3%, oklch(64.47% 0.1121 211.42) 74.5%, oklch(61.11% 0.1090 216.73) 76.6%, oklch(57.73% 0.1067 222.08) 78.7%, oklch(54.37% 0.1054 227.41) 80.9%, oklch(51.08% 0.1051 232.65) 83.0%, oklch(47.89% 0.1057 237.73) 85.1%, oklch(44.84% 0.1076 242.61) 87.2%, oklch(41.96% 0.1108 247.20) 89.4%, oklch(39.29% 0.1157 251.45) 91.5%, oklch(36.88% 0.1227 255.29) 93.6%, oklch(34.75% 0.1325 258.66) 95.7%, oklch(32.95% 0.1470 261.50) 97.9%, oklch(31.51% 0.1736 263.73) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.147 | 270 |
| 2 | 0.902 | 0.15 | 173.8 |
| 3 | 0.315 | 0.198 | 263.7 |

## In these collections

- [Ocean gradients](https://grabient.com/ocean-gradients)

## Other forms

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