# File green faded halo

Gray, tan, pink and blue radial gradient with 32 colors: #a2ac99, #9ea894, #97a28d, #8e9a84, #85927a, #7c8a70, #738166, #6b7a5c, #657454, #616f4e, #606c49, #636c47, #686f49, #70734c, #7b7a52, #868159, #938861, #9f9069, #ac9672, #b79b7a, #c09e81, #c69e87, #ca9c8d, #cb9895, #c8949f, #c191a9, #b68eb3, #a78dbb, #978dbf, #878dc0, #788ebf, #6d8fbd. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, tan, pink and blue radial gradient
- Seed: `kUuhVcwRQ_FyVN_RnS0g`
- Page: https://grabient.com/kUuhVcwRQ_FyVN_RnS0g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: muted, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 2.3 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 | `#a2ac99` | `oklch(73.23% 0.0289 130.08)` | Garden | black, 8.9 to 1 |
| 2 | `#9ea894` | `oklch(71.78% 0.0305 129.91)` | Bushel | black, 8.4 to 1 |
| 3 | `#97a28d` | `oklch(69.69% 0.0327 130.02)` | Bitter Sage | black, 7.8 to 1 |
| 4 | `#8e9a84` | `oklch(67.13% 0.0353 130.27)` | Linden Spear | black, 7.1 to 1 |
| 5 | `#85927a` | `oklch(64.29% 0.0382 130.52)` | Eucalyptus Wreath | black, 6.3 to 1 |
| 6 | `#7c8a70` | `oklch(61.34% 0.0413 130.61)` | Shallot Bulb | black, 5.6 to 1 |
| 7 | `#738166` | `oklch(58.46% 0.0445 130.42)` | Beech Fern | black, 5 to 1 |
| 8 | `#6b7a5c` | `oklch(55.84% 0.0475 129.79)` | Kariyasu Green | white, 4.6 to 1 |
| 9 | `#657454` | `oklch(53.64% 0.0503 128.57)` | French Tarragon | white, 5 to 1 |
| 10 | `#616f4e` | `oklch(52.05% 0.0527 126.64)` | Greenfield | white, 5.4 to 1 |
| 11 | `#606c49` | `oklch(51.24% 0.0546 123.83)` | Pandanus | white, 5.5 to 1 |
| 12 | `#636c47` | `oklch(51.40% 0.0559 120.19)` | Pandanus | white, 5.5 to 1 |
| 13 | `#686f49` | `oklch(52.53% 0.0567 116.18)` | Gulf Weed | white, 5.3 to 1 |
| 14 | `#70734c` | `oklch(54.41% 0.0570 111.75)` | Secret Meadow | white, 4.9 to 1 |
| 15 | `#7b7a52` | `oklch(56.87% 0.0570 106.82)` | Bonsai | black, 4.7 to 1 |
| 16 | `#868159` | `oklch(59.69% 0.0569 101.31)` | Spinach Souffle | black, 5.2 to 1 |
| 17 | `#938861` | `oklch(62.67% 0.0566 95.13)` | Enchanted Wood | black, 5.9 to 1 |
| 18 | `#9f9069` | `oklch(65.61% 0.0564 88.21)` | Willow Tree | black, 6.6 to 1 |
| 19 | `#ac9672` | `oklch(68.32% 0.0564 80.45)` | Quail Valley | black, 7.3 to 1 |
| 20 | `#b79b7a` | `oklch(70.59% 0.0566 71.77)` | Wooded Acre | black, 7.9 to 1 |
| 21 | `#c09e81` | `oklch(72.21% 0.0572 62.09)` | Wickerwork | black, 8.4 to 1 |
| 22 | `#c69e87` | `oklch(73.01% 0.0583 51.23)` | Sweetwood | black, 8.6 to 1 |
| 23 | `#ca9c8d` | `oklch(73.14% 0.0599 37.89)` | Artefact | black, 8.6 to 1 |
| 24 | `#cb9895` | `oklch(72.76% 0.0620 22.28)` | Silk Stone | black, 8.4 to 1 |
| 25 | `#c8949f` | `oklch(71.98% 0.0643 5.06)` | Light Mauve | black, 8.2 to 1 |
| 26 | `#c191a9` | `oklch(70.90% 0.0669 346.91)` | Bonny Belle | black, 7.8 to 1 |
| 27 | `#b68eb3` | `oklch(69.64% 0.0695 328.51)` | Tiny Ribbons | black, 7.5 to 1 |
| 28 | `#a78dbb` | `oklch(68.29% 0.0721 310.54)` | East Side | black, 7.1 to 1 |
| 29 | `#978dbf` | `oklch(66.96% 0.0746 293.69)` | Hermosa | black, 6.8 to 1 |
| 30 | `#878dc0` | `oklch(65.76% 0.0768 278.61)` | Carriage Ride | black, 6.5 to 1 |
| 31 | `#788ebf` | `oklch(64.80% 0.0786 266.00)` | Dayflower Blue | black, 6.4 to 1 |
| 32 | `#6d8fbd` | `oklch(64.17% 0.0799 256.54)` | Purple Hyacinth | black, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #a2ac99 0.0%, #9ea894 3.2%, #97a28d 6.5%, #8e9a84 9.7%, #85927a 12.9%, #7c8a70 16.1%, #738166 19.4%, #6b7a5c 22.6%, #657454 25.8%, #616f4e 29.0%, #606c49 32.3%, #636c47 35.5%, #686f49 38.7%, #70734c 41.9%, #7b7a52 45.2%, #868159 48.4%, #938861 51.6%, #9f9069 54.8%, #ac9672 58.1%, #b79b7a 61.3%, #c09e81 64.5%, #c69e87 67.7%, #ca9c8d 71.0%, #cb9895 74.2%, #c8949f 77.4%, #c191a9 80.6%, #b68eb3 83.9%, #a78dbb 87.1%, #978dbf 90.3%, #878dc0 93.5%, #788ebf 96.8%, #6d8fbd 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(73.23% 0.0289 130.08) 0.0%, oklch(71.78% 0.0305 129.91) 3.2%, oklch(69.69% 0.0327 130.02) 6.5%, oklch(67.13% 0.0353 130.27) 9.7%, oklch(64.29% 0.0382 130.52) 12.9%, oklch(61.34% 0.0413 130.61) 16.1%, oklch(58.46% 0.0445 130.42) 19.4%, oklch(55.84% 0.0475 129.79) 22.6%, oklch(53.64% 0.0503 128.57) 25.8%, oklch(52.05% 0.0527 126.64) 29.0%, oklch(51.24% 0.0546 123.83) 32.3%, oklch(51.40% 0.0559 120.19) 35.5%, oklch(52.53% 0.0567 116.18) 38.7%, oklch(54.41% 0.0570 111.75) 41.9%, oklch(56.87% 0.0570 106.82) 45.2%, oklch(59.69% 0.0569 101.31) 48.4%, oklch(62.67% 0.0566 95.13) 51.6%, oklch(65.61% 0.0564 88.21) 54.8%, oklch(68.32% 0.0564 80.45) 58.1%, oklch(70.59% 0.0566 71.77) 61.3%, oklch(72.21% 0.0572 62.09) 64.5%, oklch(73.01% 0.0583 51.23) 67.7%, oklch(73.14% 0.0599 37.89) 71.0%, oklch(72.76% 0.0620 22.28) 74.2%, oklch(71.98% 0.0643 5.06) 77.4%, oklch(70.90% 0.0669 346.91) 80.6%, oklch(69.64% 0.0695 328.51) 83.9%, oklch(68.29% 0.0721 310.54) 87.1%, oklch(66.96% 0.0746 293.69) 90.3%, oklch(65.76% 0.0768 278.61) 93.5%, oklch(64.80% 0.0786 266.00) 96.8%, oklch(64.17% 0.0799 256.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.029 | 130.1 |
| 2 | 0.512 | 0.055 | 122.7 |
| 3 | 0.728 | 0.058 | 55 |
| 4 | 0.642 | 0.08 | -103.5 |

## In these collections

- [Analog office nostalgia](https://grabient.com/analog-office-nostalgia)

## Other forms

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