# Pastel analogous tan, green and olive radial gradient

Pastel analogous tan, green and olive radial gradient with 32 colors: #f4dd99, #ecd991, #e0d486, #d0cd7a, #bdc66e, #a8c064, #91b95d, #7ab359, #66ad57, #56a956, #4ea756, #54a755, #65a955, #7cad58, #95b25f, #adb96b, #c3c07b, #d5c78d, #e2ce9d, #ebd4ab, #f0d8b2, #f1d8b2, #eed4a9, #e7ce9a, #dcc687, #cdbe70, #bab659, #a2af44, #87a933, #6ba429, #4da026, #2f9d27. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU5UFBUzTGXGUt_NwkeA`
- Page: https://grabient.com/kU5UFBUzTGXGUt_NwkeA?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.6 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 | `#f4dd99` | `oklch(90.16% 0.0896 91.41)` | Sunbathed | black, 15.6 to 1 |
| 2 | `#ecd991` | `oklch(88.53% 0.0933 95.01)` | Pineapple Crush | black, 14.9 to 1 |
| 3 | `#e0d486` | `oklch(86.18% 0.0989 100.28)` | Artichoke Heart | black, 13.9 to 1 |
| 4 | `#d0cd7a` | `oklch(83.31% 0.1058 106.75)` | Deco | black, 12.7 to 1 |
| 5 | `#bdc66e` | `oklch(80.12% 0.1135 113.93)` | Powdered Green Tea | black, 11.5 to 1 |
| 6 | `#a8c064` | `oklch(76.80% 0.1213 121.35)` | Middle Green Yellow | black, 10.3 to 1 |
| 7 | `#91b95d` | `oklch(73.57% 0.1289 128.54)` | Happy Tune | black, 9.2 to 1 |
| 8 | `#7ab359` | `oklch(70.62% 0.1356 135.01)` | Palm Tree | black, 8.4 to 1 |
| 9 | `#66ad57` | `oklch(68.14% 0.1408 140.29)` | Techno Green | black, 7.7 to 1 |
| 10 | `#56a956` | `oklch(66.35% 0.1442 143.90)` | Harā Green | black, 7.2 to 1 |
| 11 | `#4ea756` | `oklch(65.43% 0.1450 145.37)` | Straightforward Green | black, 6.9 to 1 |
| 12 | `#54a755` | `oklch(65.63% 0.1426 144.11)` | Straightforward Green | black, 7 to 1 |
| 13 | `#65a955` | `oklch(67.03% 0.1363 139.85)` | Shiso Green | black, 7.3 to 1 |
| 14 | `#7cad58` | `oklch(69.38% 0.1268 133.22)` | Arugula | black, 7.9 to 1 |
| 15 | `#95b25f` | `oklch(72.40% 0.1153 124.91)` | Asparagus Cream | black, 8.8 to 1 |
| 16 | `#adb96b` | `oklch(75.81% 0.1026 115.62)` | Lime Rickey | black, 9.9 to 1 |
| 17 | `#c3c07b` | `oklch(79.35% 0.0898 106.04)` | Pine Glade | black, 11.1 to 1 |
| 18 | `#d5c78d` | `oklch(82.73% 0.0778 96.85)` | Golden Mist | black, 12.3 to 1 |
| 19 | `#e2ce9d` | `oklch(85.69% 0.0676 88.74)` | Prairie Land | black, 13.5 to 1 |
| 20 | `#ebd4ab` | `oklch(87.93% 0.0602 82.41)` | Sweet Marzipan | black, 14.5 to 1 |
| 21 | `#f0d8b2` | `oklch(89.20% 0.0564 78.54)` | Simple Pleasures | black, 15.1 to 1 |
| 22 | `#f1d8b2` | `oklch(89.23% 0.0574 77.79)` | Simple Pleasures | black, 15.1 to 1 |
| 23 | `#eed4a9` | `oklch(88.07% 0.0631 79.99)` | Sweet Marzipan | black, 14.6 to 1 |
| 24 | `#e7ce9a` | `oklch(85.95% 0.0728 84.56)` | Chamois | black, 13.6 to 1 |
| 25 | `#dcc687` | `oklch(83.10% 0.0856 90.96)` | 24 Karat | black, 12.4 to 1 |
| 26 | `#cdbe70` | `oklch(79.74% 0.1004 98.65)` | Moray | black, 11.2 to 1 |
| 27 | `#bab659` | `oklch(76.08% 0.1164 107.11)` | Parachute | black, 9.9 to 1 |
| 28 | `#a2af44` | `oklch(72.34% 0.1327 115.80)` | Sphagnales Moss | black, 8.7 to 1 |
| 29 | `#87a933` | `oklch(68.75% 0.1483 124.18)` | Beautiful Mint | black, 7.7 to 1 |
| 30 | `#6ba429` | `oklch(65.52% 0.1623 131.72)` | Herbal Lift | black, 6.9 to 1 |
| 31 | `#4da026` | `oklch(62.87% 0.1738 137.88)` | Lawn Green | black, 6.3 to 1 |
| 32 | `#2f9d27` | `oklch(61.02% 0.1819 142.13)` | Grass Is Greener | black, 5.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f4dd99 0.0%, #ecd991 3.2%, #e0d486 6.5%, #d0cd7a 9.7%, #bdc66e 12.9%, #a8c064 16.1%, #91b95d 19.4%, #7ab359 22.6%, #66ad57 25.8%, #56a956 29.0%, #4ea756 32.3%, #54a755 35.5%, #65a955 38.7%, #7cad58 41.9%, #95b25f 45.2%, #adb96b 48.4%, #c3c07b 51.6%, #d5c78d 54.8%, #e2ce9d 58.1%, #ebd4ab 61.3%, #f0d8b2 64.5%, #f1d8b2 67.7%, #eed4a9 71.0%, #e7ce9a 74.2%, #dcc687 77.4%, #cdbe70 80.6%, #bab659 83.9%, #a2af44 87.1%, #87a933 90.3%, #6ba429 93.5%, #4da026 96.8%, #2f9d27 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0896 91.41) 0.0%, oklch(88.53% 0.0933 95.01) 3.2%, oklch(86.18% 0.0989 100.28) 6.5%, oklch(83.31% 0.1058 106.75) 9.7%, oklch(80.12% 0.1135 113.93) 12.9%, oklch(76.80% 0.1213 121.35) 16.1%, oklch(73.57% 0.1289 128.54) 19.4%, oklch(70.62% 0.1356 135.01) 22.6%, oklch(68.14% 0.1408 140.29) 25.8%, oklch(66.35% 0.1442 143.90) 29.0%, oklch(65.43% 0.1450 145.37) 32.3%, oklch(65.63% 0.1426 144.11) 35.5%, oklch(67.03% 0.1363 139.85) 38.7%, oklch(69.38% 0.1268 133.22) 41.9%, oklch(72.40% 0.1153 124.91) 45.2%, oklch(75.81% 0.1026 115.62) 48.4%, oklch(79.35% 0.0898 106.04) 51.6%, oklch(82.73% 0.0778 96.85) 54.8%, oklch(85.69% 0.0676 88.74) 58.1%, oklch(87.93% 0.0602 82.41) 61.3%, oklch(89.20% 0.0564 78.54) 64.5%, oklch(89.23% 0.0574 77.79) 67.7%, oklch(88.07% 0.0631 79.99) 71.0%, oklch(85.95% 0.0728 84.56) 74.2%, oklch(83.10% 0.0856 90.96) 77.4%, oklch(79.74% 0.1004 98.65) 80.6%, oklch(76.08% 0.1164 107.11) 83.9%, oklch(72.34% 0.1327 115.80) 87.1%, oklch(68.75% 0.1483 124.18) 90.3%, oklch(65.52% 0.1623 131.72) 93.5%, oklch(62.87% 0.1738 137.88) 96.8%, oklch(61.02% 0.1819 142.13) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.09 | 91.4 |
| 2 | 0.654 | 0.145 | 145.3 |
| 3 | 0.894 | 0.056 | 77.7 |
| 4 | 0.61 | 0.182 | 142.1 |

## In these collections

- [Banana leaf feast](https://grabient.com/banana-leaf-feast)

## Other forms

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