# Gold and orange bloom

Vivid analogous tan, brown and orange linear gradient with 40 colors: #ffe683, #fddf7c, #f9d676, #f5cb6e, #efbe67, #e8b160, #e0a45a, #d89755, #d08a50, #c77f4c, #c07649, #b96e47, #b46845, #b26543, #b26442, #b56741, #bb6c40, #c2733f, #ca7b3e, #d2853c, #d98f3b, #df993b, #e4a23a, #e7a93b, #e8ae3b, #e7b03a, #e3ae38, #dda735, #d49d31, #c88f2c, #ba8027, #ab7023, #9a5f1f, #884f1b, #763f17, #643113, #54250f, #461b0b, #3a1308, #320d05. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Vivid analogous tan, brown and orange linear gradient
- Seed: `kU61pESqg52MzxIcFrog`
- Page: https://grabient.com/kU61pESqg52MzxIcFrog?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Kinds: vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#ffe683` | `oklch(92.52% 0.1226 95.63)` | Cowbell | black, 16.9 to 1 |
| 2 | `#fddf7c` | `oklch(90.88% 0.1233 93.09)` | Broadway Lights | black, 16 to 1 |
| 3 | `#f9d676` | `oklch(88.64% 0.1222 89.60)` | Sun Touched | black, 14.9 to 1 |
| 4 | `#f5cb6e` | `oklch(85.93% 0.1208 85.35)` | Naked Noodle | black, 13.6 to 1 |
| 5 | `#efbe67` | `oklch(82.86% 0.1193 80.53)` | Mustard Sauce | black, 12.2 to 1 |
| 6 | `#e8b160` | `oklch(79.54% 0.1176 75.34)` | Buzzworthy | black, 10.9 to 1 |
| 7 | `#e0a45a` | `oklch(76.11% 0.1160 69.98)` | Pan de Coco | black, 9.6 to 1 |
| 8 | `#d89755` | `oklch(72.67% 0.1143 64.63)` | Bakelite Gold | black, 8.4 to 1 |
| 9 | `#d08a50` | `oklch(69.35% 0.1129 59.50)` | Orange Nectar Bat | black, 7.4 to 1 |
| 10 | `#c77f4c` | `oklch(66.27% 0.1116 54.77)` | Fuegan Orange | black, 6.5 to 1 |
| 11 | `#c07649` | `oklch(63.54% 0.1106 50.65)` | Monarch Migration | black, 5.9 to 1 |
| 12 | `#b96e47` | `oklch(61.28% 0.1100 47.32)` | Tufted Leather | black, 5.3 to 1 |
| 13 | `#b46845` | `oklch(59.62% 0.1098 44.99)` | Reynard | black, 5 to 1 |
| 14 | `#b26543` | `oklch(58.66% 0.1102 43.84)` | Rusty Gate | black, 4.8 to 1 |
| 15 | `#b26442` | `oklch(58.61% 0.1115 44.11)` | Rusty Gate | black, 4.8 to 1 |
| 16 | `#b56741` | `oklch(59.46% 0.1137 45.73)` | Reynard | black, 4.9 to 1 |
| 17 | `#bb6c40` | `oklch(61.02% 0.1167 48.46)` | Oak Palace | black, 5.3 to 1 |
| 18 | `#c2733f` | `oklch(63.14% 0.1203 52.05)` | Ginger Root | black, 5.8 to 1 |
| 19 | `#ca7b3e` | `oklch(65.63% 0.1242 56.26)` | Turmeric Red | black, 6.4 to 1 |
| 20 | `#d2853c` | `oklch(68.32% 0.1282 60.84)` | Jazz Brass | black, 7.1 to 1 |
| 21 | `#d98f3b` | `oklch(71.03% 0.1322 65.55)` | Suede Vest | black, 7.9 to 1 |
| 22 | `#df993b` | `oklch(73.59% 0.1358 70.16)` | Gold Crest | black, 8.7 to 1 |
| 23 | `#e4a23a` | `oklch(75.82% 0.1389 74.40)` | Shì Zǐ Chéng Persimmon | black, 9.5 to 1 |
| 24 | `#e7a93b` | `oklch(77.55% 0.1413 78.05)` | Mustard Glaze | black, 10.1 to 1 |
| 25 | `#e8ae3b` | `oklch(78.59% 0.1427 80.85)` | Quercitron | black, 10.5 to 1 |
| 26 | `#e7b03a` | `oklch(78.79% 0.1430 82.56)` | Quercitron | black, 10.6 to 1 |
| 27 | `#e3ae38` | `oklch(77.95% 0.1419 82.94)` | Quercitron | black, 10.3 to 1 |
| 28 | `#dda735` | `oklch(75.96% 0.1392 81.95)` | Dutch Orange | black, 9.6 to 1 |
| 29 | `#d49d31` | `oklch(72.93% 0.1350 79.81)` | Roman Gold | black, 8.6 to 1 |
| 30 | `#c88f2c` | `oklch(69.04% 0.1295 76.72)` | Yellow Warning | black, 7.4 to 1 |
| 31 | `#ba8027` | `oklch(64.46% 0.1229 72.86)` | Nouveau Green | black, 6.2 to 1 |
| 32 | `#ab7023` | `oklch(59.38% 0.1157 68.42)` | Buckthorn Brown | black, 5 to 1 |
| 33 | `#9a5f1f` | `oklch(53.98% 0.1079 63.59)` | Tortoiseshell Specs | white, 5.2 to 1 |
| 34 | `#884f1b` | `oklch(48.42% 0.0999 58.55)` | Plane Brown | white, 6.6 to 1 |
| 35 | `#763f17` | `oklch(42.90% 0.0920 53.48)` | Walnut | white, 8.4 to 1 |
| 36 | `#643113` | `oklch(37.59% 0.0844 48.58)` | Meatloaf | white, 10.5 to 1 |
| 37 | `#54250f` | `oklch(32.67% 0.0773 44.03)` | Peaty Brown | white, 12.7 to 1 |
| 38 | `#461b0b` | `oklch(28.32% 0.0710 40.01)` | Barbecue Sauce | white, 14.7 to 1 |
| 39 | `#3a1308` | `oklch(24.72% 0.0658 36.72)` | Red Bean | white, 16.4 to 1 |
| 40 | `#320d05` | `oklch(22.05% 0.0620 34.33)` | Chocolate Melange | white, 17.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #ffe683 0.0%, #fddf7c 2.6%, #f9d676 5.1%, #f5cb6e 7.7%, #efbe67 10.3%, #e8b160 12.8%, #e0a45a 15.4%, #d89755 17.9%, #d08a50 20.5%, #c77f4c 23.1%, #c07649 25.6%, #b96e47 28.2%, #b46845 30.8%, #b26543 33.3%, #b26442 35.9%, #b56741 38.5%, #bb6c40 41.0%, #c2733f 43.6%, #ca7b3e 46.2%, #d2853c 48.7%, #d98f3b 51.3%, #df993b 53.8%, #e4a23a 56.4%, #e7a93b 59.0%, #e8ae3b 61.5%, #e7b03a 64.1%, #e3ae38 66.7%, #dda735 69.2%, #d49d31 71.8%, #c88f2c 74.4%, #ba8027 76.9%, #ab7023 79.5%, #9a5f1f 82.1%, #884f1b 84.6%, #763f17 87.2%, #643113 89.7%, #54250f 92.3%, #461b0b 94.9%, #3a1308 97.4%, #320d05 100.0%);
background: linear-gradient(135deg in oklch, oklch(92.52% 0.1226 95.63) 0.0%, oklch(90.88% 0.1233 93.09) 2.6%, oklch(88.64% 0.1222 89.60) 5.1%, oklch(85.93% 0.1208 85.35) 7.7%, oklch(82.86% 0.1193 80.53) 10.3%, oklch(79.54% 0.1176 75.34) 12.8%, oklch(76.11% 0.1160 69.98) 15.4%, oklch(72.67% 0.1143 64.63) 17.9%, oklch(69.35% 0.1129 59.50) 20.5%, oklch(66.27% 0.1116 54.77) 23.1%, oklch(63.54% 0.1106 50.65) 25.6%, oklch(61.28% 0.1100 47.32) 28.2%, oklch(59.62% 0.1098 44.99) 30.8%, oklch(58.66% 0.1102 43.84) 33.3%, oklch(58.61% 0.1115 44.11) 35.9%, oklch(59.46% 0.1137 45.73) 38.5%, oklch(61.02% 0.1167 48.46) 41.0%, oklch(63.14% 0.1203 52.05) 43.6%, oklch(65.63% 0.1242 56.26) 46.2%, oklch(68.32% 0.1282 60.84) 48.7%, oklch(71.03% 0.1322 65.55) 51.3%, oklch(73.59% 0.1358 70.16) 53.8%, oklch(75.82% 0.1389 74.40) 56.4%, oklch(77.55% 0.1413 78.05) 59.0%, oklch(78.59% 0.1427 80.85) 61.5%, oklch(78.79% 0.1430 82.56) 64.1%, oklch(77.95% 0.1419 82.94) 66.7%, oklch(75.96% 0.1392 81.95) 69.2%, oklch(72.93% 0.1350 79.81) 71.8%, oklch(69.04% 0.1295 76.72) 74.4%, oklch(64.46% 0.1229 72.86) 76.9%, oklch(59.38% 0.1157 68.42) 79.5%, oklch(53.98% 0.1079 63.59) 82.1%, oklch(48.42% 0.0999 58.55) 84.6%, oklch(42.90% 0.0920 53.48) 87.2%, oklch(37.59% 0.0844 48.58) 89.7%, oklch(32.67% 0.0773 44.03) 92.3%, oklch(28.32% 0.0710 40.01) 94.9%, oklch(24.72% 0.0658 36.72) 97.4%, oklch(22.05% 0.0620 34.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.124 | 95.6 |
| 2 | 0.587 | 0.11 | 43.8 |
| 3 | 0.78 | 0.142 | 82.9 |
| 4 | 0.22 | 0.062 | 34.3 |

## In these collections

- [Orange gradients](https://grabient.com/orange-gradients)

## Other forms

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