# Coral clay shadow

Peach, red and black linear gradient with 32 colors: #fbbea3, #fab89c, #f9b194, #f8a88a, #f69e7f, #f49374, #f18769, #ee7b5f, #ea6f56, #e4654e, #df5b48, #d85344, #d14c45, #c94548, #c03f4c, #b63b4e, #ac374f, #a3344e, #993149, #912f41, #882d34, #7f2c24, #742d08, #5f3400, #4c3600, #383700, #1f360c, #02331e, #002c27, #00262a, #03212b, #091d28. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Peach, red and black linear gradient
- Seed: `kU2DogUD2-LWrv0cDNjA`
- Page: https://grabient.com/kU2DogUD2-LWrv0cDNjA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.6 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 | `#fbbea3` | `oklch(85.04% 0.0799 45.00)` | Sweet Apricot | black, 13 to 1 |
| 2 | `#fab89c` | `oklch(83.77% 0.0856 44.11)` | Pallid Orange | black, 12.4 to 1 |
| 3 | `#f9b194` | `oklch(82.14% 0.0937 42.92)` | Orange Grove | black, 11.7 to 1 |
| 4 | `#f8a88a` | `oklch(80.22% 0.1035 41.50)` | Citrus Hill | black, 10.9 to 1 |
| 5 | `#f69e7f` | `oklch(78.05% 0.1145 39.91)` | Tropical Paradise | black, 10.1 to 1 |
| 6 | `#f49374` | `oklch(75.72% 0.1259 38.22)` | Indian Dance | black, 9.2 to 1 |
| 7 | `#f18769` | `oklch(73.28% 0.1372 36.49)` | Firewatch | black, 8.4 to 1 |
| 8 | `#ee7b5f` | `oklch(70.79% 0.1477 34.80)` | Orange Daylily | black, 7.6 to 1 |
| 9 | `#ea6f56` | `oklch(68.33% 0.1569 33.19)` | Autumn Enchantment | black, 6.9 to 1 |
| 10 | `#e4654e` | `oklch(65.94% 0.1641 31.76)` | Heirloom Blush | black, 6.2 to 1 |
| 11 | `#df5b48` | `oklch(63.70% 0.1687 30.55)` | Pimento | black, 5.7 to 1 |
| 12 | `#d85344` | `oklch(61.61% 0.1703 29.18)` | Spirit Warrior | black, 5.2 to 1 |
| 13 | `#d14c45` | `oklch(59.55% 0.1698 26.46)` | Race Car Stripe | black, 4.8 to 1 |
| 14 | `#c94548` | `oklch(57.50% 0.1675 22.84)` | Whiplash | white, 4.7 to 1 |
| 15 | `#c03f4c` | `oklch(55.47% 0.1636 18.87)` | Poppy | white, 5.1 to 1 |
| 16 | `#b63b4e` | `oklch(53.44% 0.1585 15.12)` | Romantic Embers | white, 5.6 to 1 |
| 17 | `#ac374f` | `oklch(51.43% 0.1525 12.14)` | Mad About You | white, 6.1 to 1 |
| 18 | `#a3344e` | `oklch(49.42% 0.1458 10.49)` | Scarlet Ribbons | white, 6.6 to 1 |
| 19 | `#993149` | `oklch(47.43% 0.1387 10.74)` | Crimson Shadows | white, 7.2 to 1 |
| 20 | `#912f41` | `oklch(45.43% 0.1314 13.44)` | Rumba Red | white, 7.8 to 1 |
| 21 | `#882d34` | `oklch(43.45% 0.1244 19.16)` | Polished Apple | white, 8.4 to 1 |
| 22 | `#7f2c24` | `oklch(41.46% 0.1176 28.55)` | Warmth of Teamwork | white, 9.1 to 1 |
| 23 | `#742d08` | `oklch(39.35% 0.1100 43.03)` | Chestnut | white, 9.9 to 1 |
| 24 | `#5f3400` | `oklch(37.14% 0.0856 61.85)` | Chocolate Fantasies | white, 10.6 to 1 |
| 25 | `#4c3600` | `oklch(34.89% 0.0716 84.12)` | Kyoto House | white, 11.4 to 1 |
| 26 | `#383700` | `oklch(32.63% 0.0706 108.59)` | Camouflage | white, 12.2 to 1 |
| 27 | `#1f360c` | `oklch(30.42% 0.0724 133.99)` | Blind Forest | white, 13.1 to 1 |
| 28 | `#02331e` | `oklch(28.32% 0.0630 159.20)` | Nightly Woods | white, 14 to 1 |
| 29 | `#002c27` | `oklch(26.40% 0.0470 183.04)` | Guerrilla Forest | white, 15 to 1 |
| 30 | `#00262a` | `oklch(24.67% 0.0421 204.57)` | Teal Spill | white, 15.9 to 1 |
| 31 | `#03212b` | `oklch(23.19% 0.0395 222.25)` | Midnight Dreams | white, 16.6 to 1 |
| 32 | `#091d28` | `oklch(22.05% 0.0344 235.22)` | Oxford by Night | white, 17.2 to 1 |

## CSS

```css
background: linear-gradient(225deg, #fbbea3 0.0%, #fab89c 3.2%, #f9b194 6.5%, #f8a88a 9.7%, #f69e7f 12.9%, #f49374 16.1%, #f18769 19.4%, #ee7b5f 22.6%, #ea6f56 25.8%, #e4654e 29.0%, #df5b48 32.3%, #d85344 35.5%, #d14c45 38.7%, #c94548 41.9%, #c03f4c 45.2%, #b63b4e 48.4%, #ac374f 51.6%, #a3344e 54.8%, #993149 58.1%, #912f41 61.3%, #882d34 64.5%, #7f2c24 67.7%, #742d08 71.0%, #5f3400 74.2%, #4c3600 77.4%, #383700 80.6%, #1f360c 83.9%, #02331e 87.1%, #002c27 90.3%, #00262a 93.5%, #03212b 96.8%, #091d28 100.0%);
background: linear-gradient(225deg in oklch, oklch(85.04% 0.0799 45.00) 0.0%, oklch(83.77% 0.0856 44.11) 3.2%, oklch(82.14% 0.0937 42.92) 6.5%, oklch(80.22% 0.1035 41.50) 9.7%, oklch(78.05% 0.1145 39.91) 12.9%, oklch(75.72% 0.1259 38.22) 16.1%, oklch(73.28% 0.1372 36.49) 19.4%, oklch(70.79% 0.1477 34.80) 22.6%, oklch(68.33% 0.1569 33.19) 25.8%, oklch(65.94% 0.1641 31.76) 29.0%, oklch(63.70% 0.1687 30.55) 32.3%, oklch(61.61% 0.1703 29.18) 35.5%, oklch(59.55% 0.1698 26.46) 38.7%, oklch(57.50% 0.1675 22.84) 41.9%, oklch(55.47% 0.1636 18.87) 45.2%, oklch(53.44% 0.1585 15.12) 48.4%, oklch(51.43% 0.1525 12.14) 51.6%, oklch(49.42% 0.1458 10.49) 54.8%, oklch(47.43% 0.1387 10.74) 58.1%, oklch(45.43% 0.1314 13.44) 61.3%, oklch(43.45% 0.1244 19.16) 64.5%, oklch(41.46% 0.1176 28.55) 67.7%, oklch(39.35% 0.1100 43.03) 71.0%, oklch(37.14% 0.0856 61.85) 74.2%, oklch(34.89% 0.0716 84.12) 77.4%, oklch(32.63% 0.0706 108.59) 80.6%, oklch(30.42% 0.0724 133.99) 83.9%, oklch(28.32% 0.0630 159.20) 87.1%, oklch(26.40% 0.0470 183.04) 90.3%, oklch(24.67% 0.0421 204.57) 93.5%, oklch(23.19% 0.0395 222.25) 96.8%, oklch(22.05% 0.0344 235.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.85 | 0.08 | 45 |
| 2 | 0.63 | 0.169 | 30.2 |
| 3 | 0.421 | 0.12 | 24.9 |
| 4 | 0.22 | 0.034 | 235.2 |

## In these collections

- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

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