# Deep cyan and champagne frosted eucalyptus

The Deep cyan and champagne frosted eucalyptus brings together teal, light purple, and off-white. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is off-white.

- Also called: Teal, blue and white linear gradient
- Seed: `kUXieYNpe_FsXyt4htIA`
- Page: https://grabient.com/kUXieYNpe_FsXyt4htIA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.8 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 | `#164751` | `oklch(37.01% 0.0537 213.75)` | Blue Hill | white, 10.2 to 1 |
| 2 | `#164851` | `oklch(37.25% 0.0544 212.91)` | Midnight Green | white, 10.1 to 1 |
| 3 | `#154952` | `oklch(37.43% 0.0553 211.28)` | Midnight Green | white, 10 to 1 |
| 4 | `#134951` | `oklch(37.61% 0.0565 209.17)` | Midnight Green | white, 9.9 to 1 |
| 5 | `#114a51` | `oklch(37.82% 0.0577 206.86)` | Midnight Green | white, 9.8 to 1 |
| 6 | `#0f4c51` | `oklch(38.11% 0.0590 204.65)` | Port Malmesbury | white, 9.7 to 1 |
| 7 | `#0e4d52` | `oklch(38.52% 0.0604 202.81)` | Port Malmesbury | white, 9.5 to 1 |
| 8 | `#0d4f53` | `oklch(39.11% 0.0616 201.65)` | Transporter Green | white, 9.2 to 1 |
| 9 | `#0e5156` | `oklch(39.92% 0.0628 201.45)` | Emerald Spring | white, 8.9 to 1 |
| 10 | `#115459` | `oklch(40.99% 0.0638 202.50)` | Seaworld | white, 8.5 to 1 |
| 11 | `#15585f` | `oklch(42.37% 0.0646 205.09)` | Baltic Trench | white, 8 to 1 |
| 12 | `#1c5d66` | `oklch(44.13% 0.0652 209.36)` | Tropical Skies | white, 7.5 to 1 |
| 13 | `#246270` | `oklch(46.31% 0.0659 214.88)` | Excellence | white, 6.8 to 1 |
| 14 | `#2f697b` | `oklch(48.84% 0.0667 221.51)` | Ocean’s Embrace | white, 6.1 to 1 |
| 15 | `#3b6f87` | `oklch(51.65% 0.0675 229.15)` | Crashing Waves | white, 5.4 to 1 |
| 16 | `#497794` | `oklch(54.65% 0.0681 237.70)` | Sea Drifter | white, 4.8 to 1 |
| 17 | `#587ea0` | `oklch(57.77% 0.0686 247.05)` | Blue Beads | black, 4.8 to 1 |
| 18 | `#6985ac` | `oklch(60.93% 0.0687 257.11)` | Cowgirl Blue | black, 5.5 to 1 |
| 19 | `#7a8bb7` | `oklch(64.06% 0.0684 267.76)` | Wild Blue Yonder | black, 6.2 to 1 |
| 20 | `#8c92bf` | `oklch(67.08% 0.0675 278.90)` | PHP Purple | black, 6.9 to 1 |
| 21 | `#9d98c5` | `oklch(69.91% 0.0661 290.44)` | Majestic Violet | black, 7.7 to 1 |
| 22 | `#ae9dc8` | `oklch(72.50% 0.0639 302.38)` | Purple Rose | black, 8.4 to 1 |
| 23 | `#bea3c9` | `oklch(75.09% 0.0607 316.17)` | Lavendula | black, 9.2 to 1 |
| 24 | `#cdaac7` | `oklch(77.73% 0.0564 331.77)` | Heart to Heart | black, 10.1 to 1 |
| 25 | `#d9b2c4` | `oklch(80.37% 0.0515 348.58)` | Private-Label Pink | black, 11.1 to 1 |
| 26 | `#e3bbc2` | `oklch(82.97% 0.0460 6.04)` | Puppy Love | black, 12.1 to 1 |
| 27 | `#e9c6c3` | `oklch(85.47% 0.0404 23.55)` | Friends | black, 13.2 to 1 |
| 28 | `#ecd0c6` | `oklch(87.83% 0.0348 40.53)` | Sugarcane | black, 14.4 to 1 |
| 29 | `#eedacc` | `oklch(90.00% 0.0295 56.40)` | Canyon Peach | black, 15.4 to 1 |
| 30 | `#efe2d3` | `oklch(91.93% 0.0247 70.58)` | Agrodolce | black, 16.4 to 1 |
| 31 | `#f1e9db` | `oklch(93.57% 0.0208 82.48)` | Table Linen | black, 17.3 to 1 |
| 32 | `#f2eee1` | `oklch(94.88% 0.0179 91.52)` | Whipped White | black, 18 to 1 |

## CSS

```css
background: linear-gradient(135deg, #164751 0.0%, #164851 3.2%, #154952 6.5%, #134951 9.7%, #114a51 12.9%, #0f4c51 16.1%, #0e4d52 19.4%, #0d4f53 22.6%, #0e5156 25.8%, #115459 29.0%, #15585f 32.3%, #1c5d66 35.5%, #246270 38.7%, #2f697b 41.9%, #3b6f87 45.2%, #497794 48.4%, #587ea0 51.6%, #6985ac 54.8%, #7a8bb7 58.1%, #8c92bf 61.3%, #9d98c5 64.5%, #ae9dc8 67.7%, #bea3c9 71.0%, #cdaac7 74.2%, #d9b2c4 77.4%, #e3bbc2 80.6%, #e9c6c3 83.9%, #ecd0c6 87.1%, #eedacc 90.3%, #efe2d3 93.5%, #f1e9db 96.8%, #f2eee1 100.0%);
background: linear-gradient(135deg in oklch, oklch(37.01% 0.0537 213.75) 0.0%, oklch(37.25% 0.0544 212.91) 3.2%, oklch(37.43% 0.0553 211.28) 6.5%, oklch(37.61% 0.0565 209.17) 9.7%, oklch(37.82% 0.0577 206.86) 12.9%, oklch(38.11% 0.0590 204.65) 16.1%, oklch(38.52% 0.0604 202.81) 19.4%, oklch(39.11% 0.0616 201.65) 22.6%, oklch(39.92% 0.0628 201.45) 25.8%, oklch(40.99% 0.0638 202.50) 29.0%, oklch(42.37% 0.0646 205.09) 32.3%, oklch(44.13% 0.0652 209.36) 35.5%, oklch(46.31% 0.0659 214.88) 38.7%, oklch(48.84% 0.0667 221.51) 41.9%, oklch(51.65% 0.0675 229.15) 45.2%, oklch(54.65% 0.0681 237.70) 48.4%, oklch(57.77% 0.0686 247.05) 51.6%, oklch(60.93% 0.0687 257.11) 54.8%, oklch(64.06% 0.0684 267.76) 58.1%, oklch(67.08% 0.0675 278.90) 61.3%, oklch(69.91% 0.0661 290.44) 64.5%, oklch(72.50% 0.0639 302.38) 67.7%, oklch(75.09% 0.0607 316.17) 71.0%, oklch(77.73% 0.0564 331.77) 74.2%, oklch(80.37% 0.0515 348.58) 77.4%, oklch(82.97% 0.0460 6.04) 80.6%, oklch(85.47% 0.0404 23.55) 83.9%, oklch(87.83% 0.0348 40.53) 87.1%, oklch(90.00% 0.0295 56.40) 90.3%, oklch(91.93% 0.0247 70.58) 93.5%, oklch(93.57% 0.0208 82.48) 96.8%, oklch(94.88% 0.0179 91.52) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.054 | 213.8 |
| 2 | 0.429 | 0.065 | 206.4 |
| 3 | 0.717 | 0.065 | 298.3 |
| 4 | 0.949 | 0.018 | 451.5 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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