# Soft soft orange tonal gradient

Pastel rainbow from orange to brown linear gradient with 32 colors: #c4812c, #c7862f, #cc8e33, #d19739, #d6a140, #dcab48, #e0b44e, #e3ba54, #e5be58, #e8be5a, #ebbb5b, #eeb65c, #efb15d, #eead5d, #e9aa5b, #e1a957, #d3ad52, #bdb356, #9eb967, #78bd83, #51bda3, #3fb7bf, #51add2, #6ca1da, #8495d7, #9988cb, #a97cb7, #b2729d, #b66b81, #b56768, #b06652, #aa6643. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel rainbow from orange to brown linear gradient
- Seed: `kWp1ww567CWGrPvYJNTSaTRw`
- Page: https://grabient.com/kWp1ww567CWGrPvYJNTSaTRw?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: pastel, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.5 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 | `#c4812c` | `oklch(65.75% 0.1268 68.20)` | Geebung | black, 6.5 to 1 |
| 2 | `#c7862f` | `oklch(67.16% 0.1270 70.02)` | Yam | black, 6.8 to 1 |
| 3 | `#cc8e33` | `oklch(69.20% 0.1273 72.66)` | Mecca Gold | black, 7.4 to 1 |
| 4 | `#d19739` | `oklch(71.64% 0.1277 75.83)` | Bugle Call | black, 8.2 to 1 |
| 5 | `#d6a140` | `oklch(74.24% 0.1281 79.19)` | Golden Hamster | black, 9 to 1 |
| 6 | `#dcab48` | `oklch(76.78% 0.1284 82.45)` | Crispy Chicken Skin | black, 9.9 to 1 |
| 7 | `#e0b44e` | `oklch(79.01% 0.1286 85.28)` | High Honey | black, 10.7 to 1 |
| 8 | `#e3ba54` | `oklch(80.71% 0.1284 87.38)` | Mr Mustard | black, 11.4 to 1 |
| 9 | `#e5be58` | `oklch(81.65% 0.1280 88.35)` | Golden Appeal | black, 11.8 to 1 |
| 10 | `#e8be5a` | `oklch(81.93% 0.1273 86.52)` | Golden Appeal | black, 11.9 to 1 |
| 11 | `#ebbb5b` | `oklch(81.70% 0.1264 82.38)` | Chandra Cream | black, 11.8 to 1 |
| 12 | `#eeb65c` | `oklch(81.10% 0.1253 77.31)` | Golden Hour | black, 11.5 to 1 |
| 13 | `#efb15d` | `oklch(80.24% 0.1240 72.68)` | Cheater | black, 11.1 to 1 |
| 14 | `#eead5d` | `oklch(79.22% 0.1226 69.87)` | Shiny Trumpet | black, 10.7 to 1 |
| 15 | `#e9aa5b` | `oklch(78.17% 0.1211 70.26)` | Summer Day | black, 10.3 to 1 |
| 16 | `#e1a957` | `oklch(77.19% 0.1194 75.21)` | Indian Yellow | black, 10 to 1 |
| 17 | `#d3ad52` | `oklch(76.37% 0.1175 86.04)` | Solar Relic | black, 9.8 to 1 |
| 18 | `#bdb356` | `oklch(75.56% 0.1153 102.73)` | Tarpon Green | black, 9.7 to 1 |
| 19 | `#9eb967` | `oklch(74.70% 0.1127 123.96)` | Light Birch Green | black, 9.6 to 1 |
| 20 | `#78bd83` | `oklch(73.80% 0.1100 148.39)` | Flashman | black, 9.4 to 1 |
| 21 | `#51bda3` | `oklch(72.85% 0.1073 174.65)` | Jolt of Jade | black, 9.1 to 1 |
| 22 | `#3fb7bf` | `oklch(71.83% 0.1047 201.39)` | Glassmith | black, 8.7 to 1 |
| 23 | `#51add2` | `oklch(70.75% 0.1026 227.26)` | Frozen Wave | black, 8.2 to 1 |
| 24 | `#6ca1da` | `oklch(69.59% 0.1009 250.90)` | Blue Gourami | black, 7.7 to 1 |
| 25 | `#8495d7` | `oklch(68.29% 0.0999 272.57)` | Mystic Iris | black, 7.2 to 1 |
| 26 | `#9988cb` | `oklch(66.75% 0.0994 295.13)` | Petrified Purple | black, 6.7 to 1 |
| 27 | `#a97cb7` | `oklch(65.07% 0.0993 317.94)` | Berries Galore | black, 6.2 to 1 |
| 28 | `#b2729d` | `oklch(63.33% 0.0994 340.19)` | Orchid Kiss | black, 5.7 to 1 |
| 29 | `#b66b81` | `oklch(61.64% 0.0998 1.08)` | Pink Hibiscus | black, 5.3 to 1 |
| 30 | `#b56768` | `oklch(60.11% 0.1001 19.78)` | Lord Baltimore | black, 5 to 1 |
| 31 | `#b06652` | `oklch(58.82% 0.1005 35.50)` | Bruschetta | black, 4.8 to 1 |
| 32 | `#aa6643` | `oklch(57.87% 0.1006 47.42)` | Amazonian | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #c4812c 0.0%, #c7862f 3.2%, #cc8e33 6.5%, #d19739 9.7%, #d6a140 12.9%, #dcab48 16.1%, #e0b44e 19.4%, #e3ba54 22.6%, #e5be58 25.8%, #e8be5a 29.0%, #ebbb5b 32.3%, #eeb65c 35.5%, #efb15d 38.7%, #eead5d 41.9%, #e9aa5b 45.2%, #e1a957 48.4%, #d3ad52 51.6%, #bdb356 54.8%, #9eb967 58.1%, #78bd83 61.3%, #51bda3 64.5%, #3fb7bf 67.7%, #51add2 71.0%, #6ca1da 74.2%, #8495d7 77.4%, #9988cb 80.6%, #a97cb7 83.9%, #b2729d 87.1%, #b66b81 90.3%, #b56768 93.5%, #b06652 96.8%, #aa6643 100.0%);
background: linear-gradient(225deg in oklch, oklch(65.75% 0.1268 68.20) 0.0%, oklch(67.16% 0.1270 70.02) 3.2%, oklch(69.20% 0.1273 72.66) 6.5%, oklch(71.64% 0.1277 75.83) 9.7%, oklch(74.24% 0.1281 79.19) 12.9%, oklch(76.78% 0.1284 82.45) 16.1%, oklch(79.01% 0.1286 85.28) 19.4%, oklch(80.71% 0.1284 87.38) 22.6%, oklch(81.65% 0.1280 88.35) 25.8%, oklch(81.93% 0.1273 86.52) 29.0%, oklch(81.70% 0.1264 82.38) 32.3%, oklch(81.10% 0.1253 77.31) 35.5%, oklch(80.24% 0.1240 72.68) 38.7%, oklch(79.22% 0.1226 69.87) 41.9%, oklch(78.17% 0.1211 70.26) 45.2%, oklch(77.19% 0.1194 75.21) 48.4%, oklch(76.37% 0.1175 86.04) 51.6%, oklch(75.56% 0.1153 102.73) 54.8%, oklch(74.70% 0.1127 123.96) 58.1%, oklch(73.80% 0.1100 148.39) 61.3%, oklch(72.85% 0.1073 174.65) 64.5%, oklch(71.83% 0.1047 201.39) 67.7%, oklch(70.75% 0.1026 227.26) 71.0%, oklch(69.59% 0.1009 250.90) 74.2%, oklch(68.29% 0.0999 272.57) 77.4%, oklch(66.75% 0.0994 295.13) 80.6%, oklch(65.07% 0.0993 317.94) 83.9%, oklch(63.33% 0.0994 340.19) 87.1%, oklch(61.64% 0.0998 1.08) 90.3%, oklch(60.11% 0.1001 19.78) 93.5%, oklch(58.82% 0.1005 35.50) 96.8%, oklch(57.87% 0.1006 47.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.657 | 0.127 | 68.2 |
| 2 | 0.815 | 0.128 | 88.3 |
| 3 | 0.768 | 0.119 | 79.8 |
| 4 | 0.693 | 0.101 | 256.3 |
| 5 | 0.579 | 0.101 | 407.4 |

## In these collections

- [Wheat field sunset](https://grabient.com/wheat-field-sunset)

## Other forms

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