# Peach teal evening gradient

Brown, peach, teal and blue linear gradient with 40 colors: #9c4b1c, #a35227, #ac5b35, #b76746, #c47457, #d18268, #dd8f78, #e79c85, #efa78d, #f3af90, #f2b58d, #ebb885, #dcba7b, #c5bb75, #a7ba76, #84b77f, #60b08c, #3ea799, #279ba2, #2490a6, #2c85a5, #33799f, #376e95, #386389, #37597d, #355070, #314764, #2e415a, #2c3b53, #2a384e, #29364b, #29364c, #29384f, #2a3c54, #2b405a, #2c4561, #2c4a68, #2c4e6d, #2c5272, #2b5475. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, peach, teal and blue linear gradient
- Seed: `kWgVkh6CDAcsjVAqj8Rtxo-I`
- Page: https://grabient.com/kWgVkh6CDAcsjVAqj8Rtxo-I?steps=40&angle=135
- Drawn as: linear gradient, 40 steps, 135 degrees
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.8 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 | `#9c4b1c` | `oklch(50.79% 0.1226 47.11)` | Rendang | white, 6 to 1 |
| 2 | `#a35227` | `oklch(52.95% 0.1204 46.59)` | Texas Ranger Brown | white, 5.5 to 1 |
| 3 | `#ac5b35` | `oklch(56.05% 0.1173 44.93)` | Monument Valley | white, 4.8 to 1 |
| 4 | `#b76746` | `oklch(59.83% 0.1136 42.66)` | Pumpkin Drizzle | black, 5 to 1 |
| 5 | `#c47457` | `oklch(64.01% 0.1094 40.31)` | Spanish Peanut | black, 5.9 to 1 |
| 6 | `#d18268` | `oklch(68.30% 0.1051 38.39)` | Rosy Pashmina | black, 7 to 1 |
| 7 | `#dd8f78` | `oklch(72.44% 0.1009 37.44)` | Middle Red | black, 8.2 to 1 |
| 8 | `#e79c85` | `oklch(76.15% 0.0969 37.96)` | Tonys Pink | black, 9.5 to 1 |
| 9 | `#efa78d` | `oklch(79.16% 0.0935 40.50)` | Shishi Pink | black, 10.5 to 1 |
| 10 | `#f3af90` | `oklch(81.18% 0.0909 45.56)` | Salmon Slice | black, 11.3 to 1 |
| 11 | `#f2b58d` | `oklch(81.96% 0.0893 53.72)` | Peach Taffy | black, 11.7 to 1 |
| 12 | `#ebb885` | `oklch(81.61% 0.0889 66.01)` | Mom’s Apple Pie | black, 11.6 to 1 |
| 13 | `#dcba7b` | `oklch(80.36% 0.0897 81.98)` | Tahini | black, 11.3 to 1 |
| 14 | `#c5bb75` | `oklch(78.38% 0.0911 100.65)` | Pistachio Shortbread | black, 10.7 to 1 |
| 15 | `#a7ba76` | `oklch(75.82% 0.0930 121.07)` | Green Curry | black, 9.9 to 1 |
| 16 | `#84b77f` | `oklch(72.87% 0.0950 142.27)` | Colour Me Green | black, 9 to 1 |
| 17 | `#60b08c` | `oklch(69.68% 0.0968 163.29)` | Verdigris Green | black, 8.1 to 1 |
| 18 | `#3ea799` | `oklch(66.42% 0.0980 183.16)` | Jewel Weed | black, 7.1 to 1 |
| 19 | `#279ba2` | `oklch(63.26% 0.0983 200.91)` | Empress Envy | black, 6.3 to 1 |
| 20 | `#2490a6` | `oklch(60.36% 0.0975 215.59)` | Safe Harbour | black, 5.5 to 1 |
| 21 | `#2c85a5` | `oklch(57.76% 0.0950 226.54)` | Blue Paisley | black, 4.9 to 1 |
| 22 | `#33799f` | `oklch(54.92% 0.0907 235.13)` | Fun and Games | white, 4.7 to 1 |
| 23 | `#376e95` | `oklch(51.82% 0.0850 241.88)` | Windsurfing | white, 5.4 to 1 |
| 24 | `#386389` | `oklch(48.61% 0.0782 247.05)` | Mississippi River | white, 6.3 to 1 |
| 25 | `#37597d` | `oklch(45.40% 0.0710 250.90)` | Star Spangled | white, 7.2 to 1 |
| 26 | `#355070` | `oklch(42.31% 0.0637 253.68)` | Blue Flag | white, 8.3 to 1 |
| 27 | `#314764` | `oklch(39.47% 0.0568 255.64)` | Stay the Night | white, 9.4 to 1 |
| 28 | `#2e415a` | `oklch(37.01% 0.0507 257.05)` | Pi | white, 10.4 to 1 |
| 29 | `#2c3b53` | `oklch(35.04% 0.0460 258.16)` | Madison | white, 11.2 to 1 |
| 30 | `#2a384e` | `oklch(33.69% 0.0431 259.23)` | Cool Air of Debonair | white, 11.9 to 1 |
| 31 | `#29364b` | `oklch(33.09% 0.0423 260.07)` | Bunting | white, 12.1 to 1 |
| 32 | `#29364c` | `oklch(33.22% 0.0433 259.86)` | Bunting | white, 12.1 to 1 |
| 33 | `#29384f` | `oklch(33.95% 0.0457 258.76)` | Cool Air of Debonair | white, 11.7 to 1 |
| 34 | `#2a3c54` | `oklch(35.12% 0.0491 257.00)` | Sharp Blue | white, 11.2 to 1 |
| 35 | `#2b405a` | `oklch(36.59% 0.0533 254.79)` | Blue Tone Ink | white, 10.5 to 1 |
| 36 | `#2c4561` | `oklch(38.21% 0.0577 252.36)` | Stay the Night | white, 9.9 to 1 |
| 37 | `#2c4a68` | `oklch(39.84% 0.0622 249.91)` | Lake View | white, 9.2 to 1 |
| 38 | `#2c4e6d` | `oklch(41.33% 0.0662 247.68)` | Celestial Blue | white, 8.6 to 1 |
| 39 | `#2c5272` | `oklch(42.54% 0.0695 245.88)` | Midnight Sonata | white, 8.2 to 1 |
| 40 | `#2b5475` | `oklch(43.31% 0.0717 244.72)` | Heavy Blue | white, 7.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #9c4b1c 0.0%, #a35227 2.6%, #ac5b35 5.1%, #b76746 7.7%, #c47457 10.3%, #d18268 12.8%, #dd8f78 15.4%, #e79c85 17.9%, #efa78d 20.5%, #f3af90 23.1%, #f2b58d 25.6%, #ebb885 28.2%, #dcba7b 30.8%, #c5bb75 33.3%, #a7ba76 35.9%, #84b77f 38.5%, #60b08c 41.0%, #3ea799 43.6%, #279ba2 46.2%, #2490a6 48.7%, #2c85a5 51.3%, #33799f 53.8%, #376e95 56.4%, #386389 59.0%, #37597d 61.5%, #355070 64.1%, #314764 66.7%, #2e415a 69.2%, #2c3b53 71.8%, #2a384e 74.4%, #29364b 76.9%, #29364c 79.5%, #29384f 82.1%, #2a3c54 84.6%, #2b405a 87.2%, #2c4561 89.7%, #2c4a68 92.3%, #2c4e6d 94.9%, #2c5272 97.4%, #2b5475 100.0%);
background: linear-gradient(135deg in oklch, oklch(50.79% 0.1226 47.11) 0.0%, oklch(52.95% 0.1204 46.59) 2.6%, oklch(56.05% 0.1173 44.93) 5.1%, oklch(59.83% 0.1136 42.66) 7.7%, oklch(64.01% 0.1094 40.31) 10.3%, oklch(68.30% 0.1051 38.39) 12.8%, oklch(72.44% 0.1009 37.44) 15.4%, oklch(76.15% 0.0969 37.96) 17.9%, oklch(79.16% 0.0935 40.50) 20.5%, oklch(81.18% 0.0909 45.56) 23.1%, oklch(81.96% 0.0893 53.72) 25.6%, oklch(81.61% 0.0889 66.01) 28.2%, oklch(80.36% 0.0897 81.98) 30.8%, oklch(78.38% 0.0911 100.65) 33.3%, oklch(75.82% 0.0930 121.07) 35.9%, oklch(72.87% 0.0950 142.27) 38.5%, oklch(69.68% 0.0968 163.29) 41.0%, oklch(66.42% 0.0980 183.16) 43.6%, oklch(63.26% 0.0983 200.91) 46.2%, oklch(60.36% 0.0975 215.59) 48.7%, oklch(57.76% 0.0950 226.54) 51.3%, oklch(54.92% 0.0907 235.13) 53.8%, oklch(51.82% 0.0850 241.88) 56.4%, oklch(48.61% 0.0782 247.05) 59.0%, oklch(45.40% 0.0710 250.90) 61.5%, oklch(42.31% 0.0637 253.68) 64.1%, oklch(39.47% 0.0568 255.64) 66.7%, oklch(37.01% 0.0507 257.05) 69.2%, oklch(35.04% 0.0460 258.16) 71.8%, oklch(33.69% 0.0431 259.23) 74.4%, oklch(33.09% 0.0423 260.07) 76.9%, oklch(33.22% 0.0433 259.86) 79.5%, oklch(33.95% 0.0457 258.76) 82.1%, oklch(35.12% 0.0491 257.00) 84.6%, oklch(36.59% 0.0533 254.79) 87.2%, oklch(38.21% 0.0577 252.36) 89.7%, oklch(39.84% 0.0622 249.91) 92.3%, oklch(41.33% 0.0662 247.68) 94.9%, oklch(42.54% 0.0695 245.88) 97.4%, oklch(43.31% 0.0717 244.72) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.123 | 47.1 |
| 2 | 0.819 | 0.09 | 51.3 |
| 3 | 0.591 | 0.096 | 221.5 |
| 4 | 0.335 | 0.043 | 259.5 |
| 5 | 0.433 | 0.072 | 244.7 |

## In these collections

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

## Other forms

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