# Teal Ochre Type Glow

Teal, green and brown radial gradient with 32 colors: #18695e, #1a6c61, #1d7064, #207568, #237a6d, #278072, #2b8677, #2f8c7c, #33917f, #379682, #3b9a82, #409d81, #469f7f, #4ca07b, #53a175, #5ba26f, #64a168, #6da160, #759f58, #7e9e50, #869c49, #8e9a42, #96973b, #9d9435, #a5912f, #ab8d2b, #b18929, #b68529, #bb812c, #be7e2f, #c07b32, #c27936. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Teal, green and brown radial gradient
- Seed: `kUeDiBT6M-9OpOXRrLkA`
- Page: https://grabient.com/kUeDiBT6M-9OpOXRrLkA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.1 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 | `#18695e` | `oklch(47.24% 0.0772 181.41)` | Evergreen Forest | white, 6.4 to 1 |
| 2 | `#1a6c61` | `oklch(48.18% 0.0783 181.12)` | Deep Pacific | white, 6.2 to 1 |
| 3 | `#1d7064` | `oklch(49.43% 0.0797 181.00)` | Antique Green | white, 5.8 to 1 |
| 4 | `#207568` | `oklch(50.94% 0.0814 180.96)` | Hawk Turquoise | white, 5.5 to 1 |
| 5 | `#237a6d` | `oklch(52.63% 0.0834 180.88)` | Teal We Meet Again | white, 5.1 to 1 |
| 6 | `#278072` | `oklch(54.42% 0.0854 180.67)` | Elegant Silk | white, 4.7 to 1 |
| 7 | `#2b8677` | `oklch(56.24% 0.0876 180.22)` | Emerald Whispers | black, 4.7 to 1 |
| 8 | `#2f8c7c` | `oklch(58.01% 0.0898 179.42)` | Ionian | black, 5.1 to 1 |
| 9 | `#33917f` | `oklch(59.65% 0.0919 178.17)` | Perky | black, 5.4 to 1 |
| 10 | `#379682` | `oklch(61.10% 0.0940 176.38)` | Green Jelly | black, 5.8 to 1 |
| 11 | `#3b9a82` | `oklch(62.28% 0.0959 173.93)` | Green Jelly | black, 6.1 to 1 |
| 12 | `#409d81` | `oklch(63.16% 0.0976 170.73)` | Gossamer | black, 6.3 to 1 |
| 13 | `#469f7f` | `oklch(63.85% 0.0994 166.76)` | Wintergreen Shadow | black, 6.5 to 1 |
| 14 | `#4ca07b` | `oklch(64.39% 0.1011 162.15)` | Advertising Green | black, 6.6 to 1 |
| 15 | `#53a175` | `oklch(64.81% 0.1028 157.02)` | Tropical Tone | black, 6.7 to 1 |
| 16 | `#5ba26f` | `oklch(65.11% 0.1045 151.47)` | Great Gazoo | black, 6.8 to 1 |
| 17 | `#64a168` | `oklch(65.33% 0.1061 145.63)` | Great Gazoo | black, 6.8 to 1 |
| 18 | `#6da160` | `oklch(65.48% 0.1077 139.62)` | Bulbasaur | black, 6.8 to 1 |
| 19 | `#759f58` | `oklch(65.57% 0.1093 133.56)` | Frankenstein | black, 6.8 to 1 |
| 20 | `#7e9e50` | `oklch(65.64% 0.1107 127.55)` | Serene Sage | black, 6.8 to 1 |
| 21 | `#869c49` | `oklch(65.70% 0.1121 121.73)` | Café de Paris | black, 6.8 to 1 |
| 22 | `#8e9a42` | `oklch(65.77% 0.1134 116.14)` | Café de Paris | black, 6.8 to 1 |
| 23 | `#96973b` | `oklch(65.76% 0.1146 110.24)` | Split Pea | black, 6.8 to 1 |
| 24 | `#9d9435` | `oklch(65.68% 0.1158 103.94)` | Art Nouveau Green | black, 6.7 to 1 |
| 25 | `#a5912f` | `oklch(65.53% 0.1170 97.44)` | Shimmering Glade | black, 6.6 to 1 |
| 26 | `#ab8d2b` | `oklch(65.34% 0.1180 90.88)` | Camel Toe | black, 6.5 to 1 |
| 27 | `#b18929` | `oklch(65.12% 0.1190 84.45)` | Mineral Umber | black, 6.4 to 1 |
| 28 | `#b68529` | `oklch(64.89% 0.1199 78.30)` | University of California Gold | black, 6.3 to 1 |
| 29 | `#bb812c` | `oklch(64.66% 0.1207 72.60)` | Nouveau Green | black, 6.2 to 1 |
| 30 | `#be7e2f` | `oklch(64.45% 0.1215 67.52)` | Autumn Fest | black, 6.1 to 1 |
| 31 | `#c07b32` | `oklch(64.28% 0.1221 63.22)` | Autumn Fest | black, 6.1 to 1 |
| 32 | `#c27936` | `oklch(64.17% 0.1226 59.88)` | Fall Leaves | black, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #18695e 0.0%, #1a6c61 3.2%, #1d7064 6.5%, #207568 9.7%, #237a6d 12.9%, #278072 16.1%, #2b8677 19.4%, #2f8c7c 22.6%, #33917f 25.8%, #379682 29.0%, #3b9a82 32.3%, #409d81 35.5%, #469f7f 38.7%, #4ca07b 41.9%, #53a175 45.2%, #5ba26f 48.4%, #64a168 51.6%, #6da160 54.8%, #759f58 58.1%, #7e9e50 61.3%, #869c49 64.5%, #8e9a42 67.7%, #96973b 71.0%, #9d9435 74.2%, #a5912f 77.4%, #ab8d2b 80.6%, #b18929 83.9%, #b68529 87.1%, #bb812c 90.3%, #be7e2f 93.5%, #c07b32 96.8%, #c27936 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(47.24% 0.0772 181.41) 0.0%, oklch(48.18% 0.0783 181.12) 3.2%, oklch(49.43% 0.0797 181.00) 6.5%, oklch(50.94% 0.0814 180.96) 9.7%, oklch(52.63% 0.0834 180.88) 12.9%, oklch(54.42% 0.0854 180.67) 16.1%, oklch(56.24% 0.0876 180.22) 19.4%, oklch(58.01% 0.0898 179.42) 22.6%, oklch(59.65% 0.0919 178.17) 25.8%, oklch(61.10% 0.0940 176.38) 29.0%, oklch(62.28% 0.0959 173.93) 32.3%, oklch(63.16% 0.0976 170.73) 35.5%, oklch(63.85% 0.0994 166.76) 38.7%, oklch(64.39% 0.1011 162.15) 41.9%, oklch(64.81% 0.1028 157.02) 45.2%, oklch(65.11% 0.1045 151.47) 48.4%, oklch(65.33% 0.1061 145.63) 51.6%, oklch(65.48% 0.1077 139.62) 54.8%, oklch(65.57% 0.1093 133.56) 58.1%, oklch(65.64% 0.1107 127.55) 61.3%, oklch(65.70% 0.1121 121.73) 64.5%, oklch(65.77% 0.1134 116.14) 67.7%, oklch(65.76% 0.1146 110.24) 71.0%, oklch(65.68% 0.1158 103.94) 74.2%, oklch(65.53% 0.1170 97.44) 77.4%, oklch(65.34% 0.1180 90.88) 80.6%, oklch(65.12% 0.1190 84.45) 83.9%, oklch(64.89% 0.1199 78.30) 87.1%, oklch(64.66% 0.1207 72.60) 90.3%, oklch(64.45% 0.1215 67.52) 93.5%, oklch(64.28% 0.1221 63.22) 96.8%, oklch(64.17% 0.1226 59.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.472 | 0.077 | 181.4 |
| 2 | 0.626 | 0.096 | 173 |
| 3 | 0.657 | 0.113 | 118 |
| 4 | 0.642 | 0.123 | 59.9 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)

## Other forms

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