# Blue and Green: Emerald and turquoise

The "Blue and Green: Emerald and turquoise" palette brings together green, teal, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is green.

- Also called: Duotone green to blue radial gradient
- Seed: `kcvmxuWDdANEzQHJJMJQ6LFb6wwu2MUDLKfAY`
- Page: https://grabient.com/kcvmxuWDdANEzQHJJMJQ6LFb6wwu2MUDLKfAY?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.4 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 | `#50c882` | `oklch(74.80% 0.1488 154.69)` | Paris Green | black, 9.9 to 1 |
| 2 | `#4bc680` | `oklch(73.93% 0.1495 154.98)` | Paris Green | black, 9.6 to 1 |
| 3 | `#43c27d` | `oklch(72.69% 0.1506 155.38)` | Googol | black, 9.2 to 1 |
| 4 | `#3abe79` | `oklch(71.26% 0.1516 155.89)` | Esmeralda | black, 8.7 to 1 |
| 5 | `#31b976` | `oklch(69.85% 0.1518 156.50)` | Ceramic Green | black, 8.3 to 1 |
| 6 | `#29b573` | `oklch(68.59% 0.1510 157.13)` | Buddha Green | black, 7.9 to 1 |
| 7 | `#23b171` | `oklch(67.37% 0.1499 157.50)` | Jade Powder | black, 7.6 to 1 |
| 8 | `#1cad6f` | `oklch(66.15% 0.1479 158.03)` | Seaweed Green | black, 7.2 to 1 |
| 9 | `#14a96e` | `oklch(64.90% 0.1447 159.18)` | Banaue Jade | black, 6.9 to 1 |
| 10 | `#06a46f` | `oklch(63.59% 0.1397 161.42)` | Teal Green | black, 6.5 to 1 |
| 11 | `#019f72` | `oklch(62.16% 0.1314 164.43)` | Hassan II Mosque | black, 6.1 to 1 |
| 12 | `#099974` | `oklch(60.66% 0.1210 168.13)` | Jardinière | black, 5.8 to 1 |
| 13 | `#119377` | `oklch(59.19% 0.1105 172.87)` | Dòu Lǜ Green | black, 5.4 to 1 |
| 14 | `#128d7b` | `oklch(57.83% 0.1023 179.03)` | Greenlake | black, 5.1 to 1 |
| 15 | `#098880` | `oklch(56.67% 0.0973 187.34)` | Eyeshadow Turquoise | black, 4.8 to 1 |
| 16 | `#048487` | `oklch(55.64% 0.0939 198.15)` | Milky Aquamarine | black, 4.6 to 1 |
| 17 | `#0b7f8e` | `oklch(54.71% 0.0924 209.93)` | Briny | white, 4.7 to 1 |
| 18 | `#167a94` | `oklch(53.80% 0.0931 221.01)` | Havasu | white, 4.9 to 1 |
| 19 | `#1b7598` | `oklch(52.89% 0.0964 229.87)` | Bateau | white, 5.1 to 1 |
| 20 | `#1a719d` | `oklch(52.06% 0.1042 237.05)` | Tofino Belue | white, 5.3 to 1 |
| 21 | `#186da3` | `oklch(51.27% 0.1147 243.13)` | Bowen Blue | white, 5.6 to 1 |
| 22 | `#1768a8` | `oklch(50.41% 0.1253 248.22)` | Medium Persian Blue | white, 5.8 to 1 |
| 23 | `#1b63aa` | `oklch(49.38% 0.1330 252.43)` | Wing Commander | white, 6.1 to 1 |
| 24 | `#1e5da9` | `oklch(48.10% 0.1367 255.58)` | Greek Flag Blue | white, 6.5 to 1 |
| 25 | `#1f58a5` | `oklch(46.64% 0.1383 257.50)` | Miracle at Wrigley | white, 7 to 1 |
| 26 | `#1e52a0` | `oklch(45.06% 0.1381 258.70)` | Ruri Blue | white, 7.5 to 1 |
| 27 | `#1d4d9a` | `oklch(43.44% 0.1365 259.69)` | Sea of Tears | white, 8.1 to 1 |
| 28 | `#1e4894` | `oklch(41.80% 0.1335 260.91)` | Cascade Twilight | white, 8.7 to 1 |
| 29 | `#1e438b` | `oklch(39.90% 0.1277 262.11)` | Blue Oblivion | white, 9.4 to 1 |
| 30 | `#1e3e81` | `oklch(37.95% 0.1204 263.15)` | Mazarine Blue | white, 10.2 to 1 |
| 31 | `#1e3979` | `oklch(36.24% 0.1135 263.98)` | Surf the Web | white, 10.9 to 1 |
| 32 | `#1d3673` | `oklch(35.04% 0.1089 264.59)` | Twilight Express | white, 11.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #50c882 0.0%, #4bc680 3.2%, #43c27d 6.5%, #3abe79 9.7%, #31b976 12.9%, #29b573 16.1%, #23b171 19.4%, #1cad6f 22.6%, #14a96e 25.8%, #06a46f 29.0%, #019f72 32.3%, #099974 35.5%, #119377 38.7%, #128d7b 41.9%, #098880 45.2%, #048487 48.4%, #0b7f8e 51.6%, #167a94 54.8%, #1b7598 58.1%, #1a719d 61.3%, #186da3 64.5%, #1768a8 67.7%, #1b63aa 71.0%, #1e5da9 74.2%, #1f58a5 77.4%, #1e52a0 80.6%, #1d4d9a 83.9%, #1e4894 87.1%, #1e438b 90.3%, #1e3e81 93.5%, #1e3979 96.8%, #1d3673 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(74.80% 0.1488 154.69) 0.0%, oklch(73.93% 0.1495 154.98) 3.2%, oklch(72.69% 0.1506 155.38) 6.5%, oklch(71.26% 0.1516 155.89) 9.7%, oklch(69.85% 0.1518 156.50) 12.9%, oklch(68.59% 0.1510 157.13) 16.1%, oklch(67.37% 0.1499 157.50) 19.4%, oklch(66.15% 0.1479 158.03) 22.6%, oklch(64.90% 0.1447 159.18) 25.8%, oklch(63.59% 0.1397 161.42) 29.0%, oklch(62.16% 0.1314 164.43) 32.3%, oklch(60.66% 0.1210 168.13) 35.5%, oklch(59.19% 0.1105 172.87) 38.7%, oklch(57.83% 0.1023 179.03) 41.9%, oklch(56.67% 0.0973 187.34) 45.2%, oklch(55.64% 0.0939 198.15) 48.4%, oklch(54.71% 0.0924 209.93) 51.6%, oklch(53.80% 0.0931 221.01) 54.8%, oklch(52.89% 0.0964 229.87) 58.1%, oklch(52.06% 0.1042 237.05) 61.3%, oklch(51.27% 0.1147 243.13) 64.5%, oklch(50.41% 0.1253 248.22) 67.7%, oklch(49.38% 0.1330 252.43) 71.0%, oklch(48.10% 0.1367 255.58) 74.2%, oklch(46.64% 0.1383 257.50) 77.4%, oklch(45.06% 0.1381 258.70) 80.6%, oklch(43.44% 0.1365 259.69) 83.9%, oklch(41.80% 0.1335 260.91) 87.1%, oklch(39.90% 0.1277 262.11) 90.3%, oklch(37.95% 0.1204 263.15) 93.5%, oklch(36.24% 0.1135 263.98) 96.8%, oklch(35.04% 0.1089 264.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.149 | 154.7 |
| 2 | 0.693 | 0.152 | 156.8 |
| 3 | 0.638 | 0.141 | 161 |
| 4 | 0.575 | 0.101 | 181.1 |
| 5 | 0.531 | 0.095 | 227.6 |
| 6 | 0.492 | 0.134 | 253 |
| 7 | 0.425 | 0.135 | 260.4 |
| 8 | 0.35 | 0.109 | 264.6 |

## In these collections

- [Blue and green gradients](https://grabient.com/blue-and-green-gradients)

## Other forms

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