# Sesame Cream Radiance

Olive, brown, off-white and gray radial gradient with 32 colors: #606f32, #66702f, #6d6f2a, #766f24, #806e1f, #8a6c1c, #946b1e, #9e6b24, #a66c2d, #ae6e37, #b57341, #bc7a4b, #c28456, #c99064, #d09e73, #d7ad83, #ddbc94, #e3caa5, #e8d7b6, #ede1c4, #f1e8ce, #f3edd5, #f3eed7, #f1edd6, #edead2, #e8e6cc, #e3e1c5, #dddbbe, #d7d6b6, #d1d1af, #cdcdaa, #cacaa7. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Olive, brown, off-white and gray radial gradient
- Seed: `kUg0BWTya4PeMRHpkcGg`
- Page: https://grabient.com/kUg0BWTya4PeMRHpkcGg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.7 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 | `#606f32` | `oklch(51.57% 0.0882 120.94)` | Venom Wyrm | white, 5.4 to 1 |
| 2 | `#66702f` | `oklch(52.09% 0.0896 116.75)` | Forest Spirit | white, 5.3 to 1 |
| 3 | `#6d6f2a` | `oklch(52.64% 0.0919 110.82)` | Aged Mustard Green | white, 5.2 to 1 |
| 4 | `#766f24` | `oklch(53.25% 0.0948 103.61)` | Olivetone | white, 5.1 to 1 |
| 5 | `#806e1f` | `oklch(53.94% 0.0980 95.58)` | Tarnished Brass | white, 5 to 1 |
| 6 | `#8a6c1c` | `oklch(54.75% 0.1012 87.20)` | Sassy Olive | white, 4.9 to 1 |
| 7 | `#946b1e` | `oklch(55.70% 0.1041 78.92)` | Sassy Olive | white, 4.7 to 1 |
| 8 | `#9e6b24` | `oklch(56.83% 0.1064 71.20)` | Cinnamon Brown | white, 4.5 to 1 |
| 9 | `#a66c2d` | `oklch(58.16% 0.1079 64.50)` | Golden Oak | black, 4.8 to 1 |
| 10 | `#ae6e37` | `oklch(59.72% 0.1081 59.28)` | Tanooki Suit Brown | black, 5 to 1 |
| 11 | `#b57341` | `oklch(61.54% 0.1069 56.00)` | Spice Cake | black, 5.4 to 1 |
| 12 | `#bc7a4b` | `oklch(63.75% 0.1038 55.00)` | Chai Spice | black, 5.9 to 1 |
| 13 | `#c28456` | `oklch(66.61% 0.0985 55.93)` | Fall Foliage | black, 6.7 to 1 |
| 14 | `#c99064` | `oklch(69.98% 0.0915 58.46)` | Butterum | black, 7.6 to 1 |
| 15 | `#d09e73` | `oklch(73.69% 0.0833 62.21)` | Fresh Croissant | black, 8.8 to 1 |
| 16 | `#d7ad83` | `oklch(77.56% 0.0744 66.87)` | Santa Fe Tan | black, 10.2 to 1 |
| 17 | `#ddbc94` | `oklch(81.42% 0.0652 72.07)` | Blonde | black, 11.7 to 1 |
| 18 | `#e3caa5` | `oklch(85.08% 0.0562 77.47)` | Caramel Mousse | black, 13.2 to 1 |
| 19 | `#e8d7b6` | `oklch(88.39% 0.0479 82.74)` | Sensible Hue | black, 14.7 to 1 |
| 20 | `#ede1c4` | `oklch(91.15% 0.0408 87.52)` | Sailcloth | black, 16.1 to 1 |
| 21 | `#f1e8ce` | `oklch(93.21% 0.0355 91.46)` | Light Shell Haven | black, 17.2 to 1 |
| 22 | `#f3edd5` | `oklch(94.38% 0.0322 94.30)` | Perfect Solution | black, 17.8 to 1 |
| 23 | `#f3eed7` | `oklch(94.69% 0.0308 96.62)` | Apple Core | black, 18 to 1 |
| 24 | `#f1edd6` | `oklch(94.29% 0.0308 98.67)` | Tambourine | black, 17.8 to 1 |
| 25 | `#edead2` | `oklch(93.33% 0.0320 100.48)` | Light Chervil | black, 17.3 to 1 |
| 26 | `#e8e6cc` | `oklch(91.94% 0.0340 102.06)` | Fresh Wood Ashes | black, 16.6 to 1 |
| 27 | `#e3e1c5` | `oklch(90.29% 0.0365 103.46)` | Green Power | black, 15.7 to 1 |
| 28 | `#dddbbe` | `oklch(88.51% 0.0394 104.67)` | Woven Reed | black, 14.9 to 1 |
| 29 | `#d7d6b6` | `oklch(86.75% 0.0423 105.74)` | Elise | black, 14.1 to 1 |
| 30 | `#d1d1af` | `oklch(85.16% 0.0449 106.68)` | Bitter Melon | black, 13.4 to 1 |
| 31 | `#cdcdaa` | `oklch(83.88% 0.0470 107.51)` | Hybrid | black, 12.8 to 1 |
| 32 | `#cacaa7` | `oklch(83.07% 0.0482 108.26)` | Thistle Green | black, 12.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #606f32 0.0%, #66702f 3.2%, #6d6f2a 6.5%, #766f24 9.7%, #806e1f 12.9%, #8a6c1c 16.1%, #946b1e 19.4%, #9e6b24 22.6%, #a66c2d 25.8%, #ae6e37 29.0%, #b57341 32.3%, #bc7a4b 35.5%, #c28456 38.7%, #c99064 41.9%, #d09e73 45.2%, #d7ad83 48.4%, #ddbc94 51.6%, #e3caa5 54.8%, #e8d7b6 58.1%, #ede1c4 61.3%, #f1e8ce 64.5%, #f3edd5 67.7%, #f3eed7 71.0%, #f1edd6 74.2%, #edead2 77.4%, #e8e6cc 80.6%, #e3e1c5 83.9%, #dddbbe 87.1%, #d7d6b6 90.3%, #d1d1af 93.5%, #cdcdaa 96.8%, #cacaa7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(51.57% 0.0882 120.94) 0.0%, oklch(52.09% 0.0896 116.75) 3.2%, oklch(52.64% 0.0919 110.82) 6.5%, oklch(53.25% 0.0948 103.61) 9.7%, oklch(53.94% 0.0980 95.58) 12.9%, oklch(54.75% 0.1012 87.20) 16.1%, oklch(55.70% 0.1041 78.92) 19.4%, oklch(56.83% 0.1064 71.20) 22.6%, oklch(58.16% 0.1079 64.50) 25.8%, oklch(59.72% 0.1081 59.28) 29.0%, oklch(61.54% 0.1069 56.00) 32.3%, oklch(63.75% 0.1038 55.00) 35.5%, oklch(66.61% 0.0985 55.93) 38.7%, oklch(69.98% 0.0915 58.46) 41.9%, oklch(73.69% 0.0833 62.21) 45.2%, oklch(77.56% 0.0744 66.87) 48.4%, oklch(81.42% 0.0652 72.07) 51.6%, oklch(85.08% 0.0562 77.47) 54.8%, oklch(88.39% 0.0479 82.74) 58.1%, oklch(91.15% 0.0408 87.52) 61.3%, oklch(93.21% 0.0355 91.46) 64.5%, oklch(94.38% 0.0322 94.30) 67.7%, oklch(94.69% 0.0308 96.62) 71.0%, oklch(94.29% 0.0308 98.67) 74.2%, oklch(93.33% 0.0320 100.48) 77.4%, oklch(91.94% 0.0340 102.06) 80.6%, oklch(90.29% 0.0365 103.46) 83.9%, oklch(88.51% 0.0394 104.67) 87.1%, oklch(86.75% 0.0423 105.74) 90.3%, oklch(85.16% 0.0449 106.68) 93.5%, oklch(83.88% 0.0470 107.51) 96.8%, oklch(83.07% 0.0482 108.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.088 | 120.9 |
| 2 | 0.622 | 0.106 | 55.4 |
| 3 | 0.941 | 0.033 | 93.5 |
| 4 | 0.831 | 0.048 | 108.3 |

## In these collections

- [Chuseok songpyeon colors](https://grabient.com/chuseok-songpyeon-colors)

## Other forms

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