# Soft soft orange muted blue gradient

Muted rainbow linear gradient with 32 colors: #bca362, #b3a260, #a7a05f, #989d5f, #889860, #779362, #668d65, #568667, #487e6a, #3d766c, #356e6d, #32666d, #325f6d, #35596c, #39556c, #3e526d, #45506e, #4e5171, #595274, #655577, #74597a, #835e7c, #93647d, #a26b7c, #b1747a, #be7d77, #ca8874, #d39371, #d99e6f, #dda86e, #dfb16f, #dfb970. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow linear gradient
- Seed: `kSuEE_txLUeYlVS`
- Page: https://grabient.com/kSuEE_txLUeYlVS?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 4.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 | `#bca362` | `oklch(72.44% 0.0896 89.30)` | Shutterbug | black, 8.5 to 1 |
| 2 | `#b3a260` | `oklch(71.26% 0.0880 95.57)` | Wavy Glass | black, 8.2 to 1 |
| 3 | `#a7a05f` | `oklch(69.63% 0.0858 103.13)` | Mediaeval Sulphur | black, 7.8 to 1 |
| 4 | `#989d5f` | `oklch(67.64% 0.0832 111.84)` | Stem | black, 7.2 to 1 |
| 5 | `#889860` | `oklch(65.36% 0.0801 121.55)` | Vesuvian Green | black, 6.7 to 1 |
| 6 | `#779362` | `oklch(62.87% 0.0768 132.15)` | Van Gogh Olives | black, 6.1 to 1 |
| 7 | `#668d65` | `oklch(60.24% 0.0733 143.49)` | Stone Green | black, 5.5 to 1 |
| 8 | `#568667` | `oklch(57.56% 0.0698 155.44)` | Soylent Green | black, 4.9 to 1 |
| 9 | `#487e6a` | `oklch(54.90% 0.0662 167.87)` | Blackberry Leaf Green | white, 4.7 to 1 |
| 10 | `#3d766c` | `oklch(52.34% 0.0628 180.63)` | Green Sleeves | white, 5.2 to 1 |
| 11 | `#356e6d` | `oklch(49.94% 0.0596 193.60)` | Deep Pool Teal | white, 5.8 to 1 |
| 12 | `#32666d` | `oklch(47.80% 0.0568 206.64)` | Pedigree | white, 6.4 to 1 |
| 13 | `#325f6d` | `oklch(45.98% 0.0544 219.62)` | Flowing River | white, 6.9 to 1 |
| 14 | `#35596c` | `oklch(44.57% 0.0525 232.40)` | Summer Night | white, 7.4 to 1 |
| 15 | `#39556c` | `oklch(43.64% 0.0513 244.85)` | Albeit | white, 7.8 to 1 |
| 16 | `#3e526d` | `oklch(43.26% 0.0509 256.83)` | Plaudit | white, 8 to 1 |
| 17 | `#45506e` | `oklch(43.52% 0.0513 268.39)` | Astronaut | white, 7.9 to 1 |
| 18 | `#4e5171` | `oklch(44.43% 0.0526 280.50)` | Independence | white, 7.7 to 1 |
| 19 | `#595274` | `oklch(45.93% 0.0547 293.18)` | Benikakehana Purple | white, 7.2 to 1 |
| 20 | `#655577` | `oklch(47.92% 0.0574 306.29)` | Regal Gown | white, 6.7 to 1 |
| 21 | `#74597a` | `oklch(50.32% 0.0608 319.67)` | Dr Who | white, 6 to 1 |
| 22 | `#835e7c` | `oklch(53.06% 0.0645 333.18)` | Purple Gumdrop | white, 5.4 to 1 |
| 23 | `#93647d` | `oklch(56.04% 0.0686 346.66)` | Forest Berry | white, 4.8 to 1 |
| 24 | `#a26b7c` | `oklch(59.19% 0.0730 359.98)` | Black Elder | black, 4.9 to 1 |
| 25 | `#b1747a` | `oklch(62.42% 0.0774 12.97)` | Vindaloo | black, 5.6 to 1 |
| 26 | `#be7d77` | `oklch(65.64% 0.0818 25.48)` | Brownish Pink | black, 6.4 to 1 |
| 27 | `#ca8874` | `oklch(68.78% 0.0861 37.37)` | Ginger Whisper | black, 7.2 to 1 |
| 28 | `#d39371` | `oklch(71.76% 0.0902 48.49)` | Feldspar | black, 8.1 to 1 |
| 29 | `#d99e6f` | `oklch(74.48% 0.0940 58.69)` | Ochraceous Salmon | black, 9 to 1 |
| 30 | `#dda86e` | `oklch(76.87% 0.0972 67.82)` | Frankincense | black, 9.9 to 1 |
| 31 | `#dfb16f` | `oklch(78.84% 0.0999 75.72)` | Demerara Sugar | black, 10.6 to 1 |
| 32 | `#dfb970` | `oklch(80.31% 0.1020 82.25)` | Tahini | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(45deg, #bca362 0.0%, #b3a260 3.2%, #a7a05f 6.5%, #989d5f 9.7%, #889860 12.9%, #779362 16.1%, #668d65 19.4%, #568667 22.6%, #487e6a 25.8%, #3d766c 29.0%, #356e6d 32.3%, #32666d 35.5%, #325f6d 38.7%, #35596c 41.9%, #39556c 45.2%, #3e526d 48.4%, #45506e 51.6%, #4e5171 54.8%, #595274 58.1%, #655577 61.3%, #74597a 64.5%, #835e7c 67.7%, #93647d 71.0%, #a26b7c 74.2%, #b1747a 77.4%, #be7d77 80.6%, #ca8874 83.9%, #d39371 87.1%, #d99e6f 90.3%, #dda86e 93.5%, #dfb16f 96.8%, #dfb970 100.0%);
background: linear-gradient(45deg in oklch, oklch(72.44% 0.0896 89.30) 0.0%, oklch(71.26% 0.0880 95.57) 3.2%, oklch(69.63% 0.0858 103.13) 6.5%, oklch(67.64% 0.0832 111.84) 9.7%, oklch(65.36% 0.0801 121.55) 12.9%, oklch(62.87% 0.0768 132.15) 16.1%, oklch(60.24% 0.0733 143.49) 19.4%, oklch(57.56% 0.0698 155.44) 22.6%, oklch(54.90% 0.0662 167.87) 25.8%, oklch(52.34% 0.0628 180.63) 29.0%, oklch(49.94% 0.0596 193.60) 32.3%, oklch(47.80% 0.0568 206.64) 35.5%, oklch(45.98% 0.0544 219.62) 38.7%, oklch(44.57% 0.0525 232.40) 41.9%, oklch(43.64% 0.0513 244.85) 45.2%, oklch(43.26% 0.0509 256.83) 48.4%, oklch(43.52% 0.0513 268.39) 51.6%, oklch(44.43% 0.0526 280.50) 54.8%, oklch(45.93% 0.0547 293.18) 58.1%, oklch(47.92% 0.0574 306.29) 61.3%, oklch(50.32% 0.0608 319.67) 64.5%, oklch(53.06% 0.0645 333.18) 67.7%, oklch(56.04% 0.0686 346.66) 71.0%, oklch(59.19% 0.0730 359.98) 74.2%, oklch(62.42% 0.0774 12.97) 77.4%, oklch(65.64% 0.0818 25.48) 80.6%, oklch(68.78% 0.0861 37.37) 83.9%, oklch(71.76% 0.0902 48.49) 87.1%, oklch(74.48% 0.0940 58.69) 90.3%, oklch(76.87% 0.0972 67.82) 93.5%, oklch(78.84% 0.0999 75.72) 96.8%, oklch(80.31% 0.1020 82.25) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.724 | 0.09 | 89.3 |
| 2 | 0.433 | 0.051 | 262.6 |
| 3 | 0.803 | 0.102 | 442.3 |

## In these collections

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

## Other forms

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