# Teal, brown, olive and blue radial gradient

Teal, brown, olive and blue radial gradient with 40 colors: #4a9088, #4b9080, #4f8f74, #598c66, #668955, #758343, #857b34, #92722a, #9d692c, #a36035, #a65941, #a6534c, #a44f54, #a14c57, #9f4a56, #9b4852, #98464a, #934540, #8e4434, #884427, #80461a, #77470c, #6e4a02, #644c02, #5a4f09, #505113, #48531d, #415626, #3a5930, #335d3c, #2d6147, #2a6453, #29685e, #2c6b69, #316e73, #39707c, #417283, #487489, #4f758d, #547690. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUmjWDwykrrWczHGFM5g`
- Page: https://grabient.com/kUmjWDwykrrWczHGFM5g?style=radialGradient&steps=40&angle=0
- Drawn as: radial gradient, 40 steps, 0 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.2 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 | `#4a9088` | `oklch(60.63% 0.0730 184.92)` | Dusty Teal | black, 5.6 to 1 |
| 2 | `#4b9080` | `oklch(60.29% 0.0750 176.61)` | Lochinvar | black, 5.5 to 1 |
| 3 | `#4f8f74` | `oklch(59.88% 0.0777 165.24)` | Green Weed | black, 5.5 to 1 |
| 4 | `#598c66` | `oklch(59.41% 0.0810 151.43)` | Murdoch | black, 5.3 to 1 |
| 5 | `#668955` | `oklch(58.88% 0.0848 135.80)` | Hippie Green | black, 5.2 to 1 |
| 6 | `#758343` | `oklch(58.30% 0.0889 118.94)` | Grasshopper | black, 5 to 1 |
| 7 | `#857b34` | `oklch(57.68% 0.0931 101.49)` | Verdant | black, 4.8 to 1 |
| 8 | `#92722a` | `oklch(57.03% 0.0972 84.03)` | Marshy Green | black, 4.6 to 1 |
| 9 | `#9d692c` | `oklch(56.34% 0.1012 67.20)` | Stage Gold | white, 4.6 to 1 |
| 10 | `#a36035` | `oklch(55.64% 0.1049 51.60)` | Wet Adobe | white, 4.9 to 1 |
| 11 | `#a65941` | `oklch(54.92% 0.1080 37.84)` | Cottage Spice | white, 5.1 to 1 |
| 12 | `#a6534c` | `oklch(54.20% 0.1105 26.53)` | Maine-Anjou Cattle | white, 5.2 to 1 |
| 13 | `#a44f54` | `oklch(53.47% 0.1122 18.29)` | Cranberry Jam | white, 5.4 to 1 |
| 14 | `#a14c57` | `oklch(52.76% 0.1130 13.73)` | Black Pudding | white, 5.6 to 1 |
| 15 | `#9f4a56` | `oklch(51.96% 0.1127 12.74)` | Drisheen | white, 5.8 to 1 |
| 16 | `#9b4852` | `oklch(51.04% 0.1117 14.57)` | Baked Bahama | white, 6 to 1 |
| 17 | `#98464a` | `oklch(50.01% 0.1099 18.87)` | Plum Majesty | white, 6.3 to 1 |
| 18 | `#934540` | `oklch(48.91% 0.1075 25.27)` | Red Craft | white, 6.6 to 1 |
| 19 | `#8e4434` | `oklch(47.79% 0.1046 33.44)` | Flower Pot | white, 6.9 to 1 |
| 20 | `#884427` | `oklch(46.68% 0.1014 43.01)` | Honey Garlic Beef | white, 7.2 to 1 |
| 21 | `#80461a` | `oklch(45.61% 0.0979 53.62)` | Russet | white, 7.5 to 1 |
| 22 | `#77470c` | `oklch(44.62% 0.0943 64.93)` | Flat Brown | white, 7.7 to 1 |
| 23 | `#6e4a02` | `oklch(43.75% 0.0907 76.57)` | Antique Bronze | white, 7.9 to 1 |
| 24 | `#644c02` | `oklch(43.02% 0.0872 88.19)` | Mud Brown | white, 8.1 to 1 |
| 25 | `#5a4f09` | `oklch(42.49% 0.0839 99.44)` | Scorzonera Brown | white, 8.2 to 1 |
| 26 | `#505113` | `oklch(42.18% 0.0810 109.96)` | Private Green | white, 8.2 to 1 |
| 27 | `#48531d` | `oklch(42.13% 0.0785 119.40)` | Verdun Green | white, 8.2 to 1 |
| 28 | `#415626` | `oklch(42.39% 0.0764 128.61)` | Verdun Green | white, 8.1 to 1 |
| 29 | `#3a5930` | `oklch(42.95% 0.0742 138.56)` | Turf | white, 7.8 to 1 |
| 30 | `#335d3c` | `oklch(43.78% 0.0722 149.05)` | Verde Garrafa | white, 7.5 to 1 |
| 31 | `#2d6147` | `oklch(44.81% 0.0701 159.89)` | Green Pea | white, 7.2 to 1 |
| 32 | `#2a6453` | `oklch(45.99% 0.0682 170.90)` | Embracing | white, 6.8 to 1 |
| 33 | `#29685e` | `oklch(47.29% 0.0663 181.88)` | Galapagos Green | white, 6.5 to 1 |
| 34 | `#2c6b69` | `oklch(48.64% 0.0645 192.64)` | North Sea | white, 6.1 to 1 |
| 35 | `#316e73` | `oklch(49.99% 0.0628 203.00)` | Lakelike | white, 5.8 to 1 |
| 36 | `#39707c` | `oklch(51.30% 0.0612 212.75)` | Grand Rapids | white, 5.5 to 1 |
| 37 | `#417283` | `oklch(52.52% 0.0598 221.72)` | Wild River | white, 5.2 to 1 |
| 38 | `#487489` | `oklch(53.60% 0.0585 229.71)` | Night Train | white, 5 to 1 |
| 39 | `#4f758d` | `oklch(54.48% 0.0574 236.53)` | Metallic Blue | white, 4.9 to 1 |
| 40 | `#547690` | `oklch(55.12% 0.0565 241.99)` | Melancholic Sea | white, 4.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #4a9088 0.0%, #4b9080 2.6%, #4f8f74 5.1%, #598c66 7.7%, #668955 10.3%, #758343 12.8%, #857b34 15.4%, #92722a 17.9%, #9d692c 20.5%, #a36035 23.1%, #a65941 25.6%, #a6534c 28.2%, #a44f54 30.8%, #a14c57 33.3%, #9f4a56 35.9%, #9b4852 38.5%, #98464a 41.0%, #934540 43.6%, #8e4434 46.2%, #884427 48.7%, #80461a 51.3%, #77470c 53.8%, #6e4a02 56.4%, #644c02 59.0%, #5a4f09 61.5%, #505113 64.1%, #48531d 66.7%, #415626 69.2%, #3a5930 71.8%, #335d3c 74.4%, #2d6147 76.9%, #2a6453 79.5%, #29685e 82.1%, #2c6b69 84.6%, #316e73 87.2%, #39707c 89.7%, #417283 92.3%, #487489 94.9%, #4f758d 97.4%, #547690 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(60.63% 0.0730 184.92) 0.0%, oklch(60.29% 0.0750 176.61) 2.6%, oklch(59.88% 0.0777 165.24) 5.1%, oklch(59.41% 0.0810 151.43) 7.7%, oklch(58.88% 0.0848 135.80) 10.3%, oklch(58.30% 0.0889 118.94) 12.8%, oklch(57.68% 0.0931 101.49) 15.4%, oklch(57.03% 0.0972 84.03) 17.9%, oklch(56.34% 0.1012 67.20) 20.5%, oklch(55.64% 0.1049 51.60) 23.1%, oklch(54.92% 0.1080 37.84) 25.6%, oklch(54.20% 0.1105 26.53) 28.2%, oklch(53.47% 0.1122 18.29) 30.8%, oklch(52.76% 0.1130 13.73) 33.3%, oklch(51.96% 0.1127 12.74) 35.9%, oklch(51.04% 0.1117 14.57) 38.5%, oklch(50.01% 0.1099 18.87) 41.0%, oklch(48.91% 0.1075 25.27) 43.6%, oklch(47.79% 0.1046 33.44) 46.2%, oklch(46.68% 0.1014 43.01) 48.7%, oklch(45.61% 0.0979 53.62) 51.3%, oklch(44.62% 0.0943 64.93) 53.8%, oklch(43.75% 0.0907 76.57) 56.4%, oklch(43.02% 0.0872 88.19) 59.0%, oklch(42.49% 0.0839 99.44) 61.5%, oklch(42.18% 0.0810 109.96) 64.1%, oklch(42.13% 0.0785 119.40) 66.7%, oklch(42.39% 0.0764 128.61) 69.2%, oklch(42.95% 0.0742 138.56) 71.8%, oklch(43.78% 0.0722 149.05) 74.4%, oklch(44.81% 0.0701 159.89) 76.9%, oklch(45.99% 0.0682 170.90) 79.5%, oklch(47.29% 0.0663 181.88) 82.1%, oklch(48.64% 0.0645 192.64) 84.6%, oklch(49.99% 0.0628 203.00) 87.2%, oklch(51.30% 0.0612 212.75) 89.7%, oklch(52.52% 0.0598 221.72) 92.3%, oklch(53.60% 0.0585 229.71) 94.9%, oklch(54.48% 0.0574 236.53) 97.4%, oklch(55.12% 0.0565 241.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.073 | 184.9 |
| 2 | 0.528 | 0.113 | 13.7 |
| 3 | 0.421 | 0.079 | 119.4 |
| 4 | 0.551 | 0.056 | 242 |

## Other forms

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