# Teal Ember Crossing

The gradient travels from #053e49 to #8a3c26, passing through cyan, teal, green, yellow, gold, orange, and red. The alternating cool and warm regions support energetic headers, event graphics, or editorial backgrounds that need teal structure and orange emphasis across the complete route. The stated order preserves the native composition.

- Also called: Teal, green, peach and brown radial gradient
- Seed: `kWVSmZWKk9GycL_PPj4Oik_g`
- Page: https://grabient.com/kWVSmZWKk9GycL_PPj4Oik_g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.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 | `#053e49` | `oklch(33.46% 0.0565 215.16)` | Ghostlands Coal | white, 11.7 to 1 |
| 2 | `#064752` | `oklch(36.51% 0.0617 214.01)` | Midnight Green | white, 10.4 to 1 |
| 3 | `#065360` | `oklch(40.74% 0.0693 213.35)` | Sandalwood Grey Blue | white, 8.6 to 1 |
| 4 | `#056371` | `oklch(45.79% 0.0785 212.61)` | Blue Lagoon | white, 6.9 to 1 |
| 5 | `#047484` | `oklch(51.29% 0.0882 211.23)` | Deep Current | white, 5.4 to 1 |
| 6 | `#038695` | `oklch(56.87% 0.0975 208.66)` | Painted Sea | black, 4.8 to 1 |
| 7 | `#0599a4` | `oklch(62.18% 0.1054 204.33)` | Island Dream | black, 6 to 1 |
| 8 | `#14a9ad` | `oklch(66.83% 0.1109 197.69)` | Fiji | black, 7.3 to 1 |
| 9 | `#2cb6ad` | `oklch(70.52% 0.1132 188.10)` | Message Green | black, 8.4 to 1 |
| 10 | `#50c1a5` | `oklch(73.81% 0.1110 174.03)` | Eucalipto | black, 9.5 to 1 |
| 11 | `#79c898` | `oklch(76.92% 0.1055 156.12)` | Green Gala | black, 10.5 to 1 |
| 12 | `#a1cc8c` | `oklch(79.73% 0.0979 135.87)` | Gentle Landscape | black, 11.4 to 1 |
| 13 | `#c2cc88` | `oklch(82.11% 0.0897 114.77)` | Soft Celery | black, 12.2 to 1 |
| 14 | `#dcca8c` | `oklch(83.96% 0.0824 94.29)` | Asparagus Yellow | black, 12.8 to 1 |
| 15 | `#ecc895` | `oklch(85.15% 0.0773 75.93)` | Chestnut Dressing | black, 13.2 to 1 |
| 16 | `#f5c59d` | `oklch(85.56% 0.0760 61.16)` | Avid Apricot | black, 13.3 to 1 |
| 17 | `#f9c09f` | `oklch(85.02% 0.0798 51.17)` | Apricot Iced Tea | black, 13 to 1 |
| 18 | `#fab698` | `oklch(83.29% 0.0894 44.81)` | Melon Sorbet | black, 12.2 to 1 |
| 19 | `#f9a98c` | `oklch(80.59% 0.1031 41.19)` | Citrus Hill | black, 11 to 1 |
| 20 | `#f69a7a` | `oklch(77.22% 0.1192 39.61)` | Orange Pecan | black, 9.7 to 1 |
| 21 | `#f08966` | `oklch(73.46% 0.1357 39.39)` | Morning Marmalade | black, 8.4 to 1 |
| 22 | `#ea7850` | `oklch(69.62% 0.1509 39.84)` | Koeksister | black, 7.3 to 1 |
| 23 | `#e2693b` | `oklch(66.00% 0.1629 40.27)` | Emergency Zone | black, 6.3 to 1 |
| 24 | `#da5c2b` | `oklch(62.87% 0.1701 40.00)` | Tangerine Bliss | black, 5.5 to 1 |
| 25 | `#d25324` | `oklch(60.27% 0.1710 38.91)` | Obstinate Orange | black, 4.9 to 1 |
| 26 | `#c84c21` | `oklch(57.69% 0.1669 38.10)` | Red Panda | white, 4.6 to 1 |
| 27 | `#bc4721` | `oklch(55.17% 0.1592 37.55)` | Devil’s Butterfly | white, 5.1 to 1 |
| 28 | `#b04322` | `oklch(52.77% 0.1491 37.19)` | Crimson Blaze | white, 5.7 to 1 |
| 29 | `#a44123` | `oklch(50.56% 0.1381 36.98)` | Toasted Paprika | white, 6.2 to 1 |
| 30 | `#9a3f25` | `oklch(48.60% 0.1276 36.84)` | Tia Maria | white, 6.7 to 1 |
| 31 | `#913e26` | `oklch(46.95% 0.1187 36.73)` | Fire | white, 7.2 to 1 |
| 32 | `#8a3c26` | `oklch(45.67% 0.1130 36.57)` | Rustica | white, 7.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #053e49 0.0%, #064752 3.2%, #065360 6.5%, #056371 9.7%, #047484 12.9%, #038695 16.1%, #0599a4 19.4%, #14a9ad 22.6%, #2cb6ad 25.8%, #50c1a5 29.0%, #79c898 32.3%, #a1cc8c 35.5%, #c2cc88 38.7%, #dcca8c 41.9%, #ecc895 45.2%, #f5c59d 48.4%, #f9c09f 51.6%, #fab698 54.8%, #f9a98c 58.1%, #f69a7a 61.3%, #f08966 64.5%, #ea7850 67.7%, #e2693b 71.0%, #da5c2b 74.2%, #d25324 77.4%, #c84c21 80.6%, #bc4721 83.9%, #b04322 87.1%, #a44123 90.3%, #9a3f25 93.5%, #913e26 96.8%, #8a3c26 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.46% 0.0565 215.16) 0.0%, oklch(36.51% 0.0617 214.01) 3.2%, oklch(40.74% 0.0693 213.35) 6.5%, oklch(45.79% 0.0785 212.61) 9.7%, oklch(51.29% 0.0882 211.23) 12.9%, oklch(56.87% 0.0975 208.66) 16.1%, oklch(62.18% 0.1054 204.33) 19.4%, oklch(66.83% 0.1109 197.69) 22.6%, oklch(70.52% 0.1132 188.10) 25.8%, oklch(73.81% 0.1110 174.03) 29.0%, oklch(76.92% 0.1055 156.12) 32.3%, oklch(79.73% 0.0979 135.87) 35.5%, oklch(82.11% 0.0897 114.77) 38.7%, oklch(83.96% 0.0824 94.29) 41.9%, oklch(85.15% 0.0773 75.93) 45.2%, oklch(85.56% 0.0760 61.16) 48.4%, oklch(85.02% 0.0798 51.17) 51.6%, oklch(83.29% 0.0894 44.81) 54.8%, oklch(80.59% 0.1031 41.19) 58.1%, oklch(77.22% 0.1192 39.61) 61.3%, oklch(73.46% 0.1357 39.39) 64.5%, oklch(69.62% 0.1509 39.84) 67.7%, oklch(66.00% 0.1629 40.27) 71.0%, oklch(62.87% 0.1701 40.00) 74.2%, oklch(60.27% 0.1710 38.91) 77.4%, oklch(57.69% 0.1669 38.10) 80.6%, oklch(55.17% 0.1592 37.55) 83.9%, oklch(52.77% 0.1491 37.19) 87.1%, oklch(50.56% 0.1381 36.98) 90.3%, oklch(48.60% 0.1276 36.84) 93.5%, oklch(46.95% 0.1187 36.73) 96.8%, oklch(45.67% 0.1130 36.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.056 | 215.2 |
| 2 | 0.697 | 0.113 | 190.9 |
| 3 | 0.854 | 0.077 | 55.6 |
| 4 | 0.622 | 0.171 | 39.7 |
| 5 | 0.457 | 0.113 | 36.6 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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