# Ochre into Porcelain Blue

Gray, tan, pink and blue linear gradient with 40 colors: #72705f, #74725f, #767460, #797661, #7b7862, #7e7b63, #827e64, #858166, #898567, #8d8868, #908b69, #948f6a, #98916b, #9d946b, #a1966b, #a5986a, #a99969, #ae9967, #b29965, #b69762, #ba9560, #bf915e, #c38c5c, #c6865c, #c97f5f, #ca7864, #c9706b, #c76974, #c2637f, #bb5e8a, #b25996, #a757a1, #9a55ac, #8c54b4, #7d54bb, #6d54c0, #5c55c3, #4c55c4, #3a57c4, #2858c3. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, tan, pink and blue linear gradient
- Seed: `kSihNI2B29D7AK0`
- Page: https://grabient.com/kSihNI2B29D7AK0?steps=40&angle=225
- Drawn as: linear gradient, 40 steps, 225 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#72705f` | `oklch(54.33% 0.0262 101.95)` | Sage Green Light | white, 4.9 to 1 |
| 2 | `#74725f` | `oklch(54.80% 0.0277 101.45)` | Organic | white, 4.8 to 1 |
| 3 | `#767460` | `oklch(55.41% 0.0294 101.17)` | Peppergrass | white, 4.7 to 1 |
| 4 | `#797661` | `oklch(56.16% 0.0312 101.06)` | Gully | white, 4.6 to 1 |
| 5 | `#7b7862` | `oklch(57.02% 0.0332 101.05)` | String Deep | black, 4.7 to 1 |
| 6 | `#7e7b63` | `oklch(57.96% 0.0354 101.11)` | Tangle | black, 4.9 to 1 |
| 7 | `#827e64` | `oklch(58.98% 0.0378 101.18)` | Knotweed | black, 5.1 to 1 |
| 8 | `#858166` | `oklch(60.04% 0.0403 101.22)` | Olive Haze | black, 5.3 to 1 |
| 9 | `#898567` | `oklch(61.14% 0.0429 101.16)` | Bandicoot | black, 5.5 to 1 |
| 10 | `#8d8868` | `oklch(62.24% 0.0456 100.97)` | Oregano Spice | black, 5.8 to 1 |
| 11 | `#908b69` | `oklch(63.34% 0.0485 100.58)` | Playing Hooky | black, 6.1 to 1 |
| 12 | `#948f6a` | `oklch(64.40% 0.0515 99.95)` | Extra Mile | black, 6.3 to 1 |
| 13 | `#98916b` | `oklch(65.41% 0.0547 99.03)` | Grey-Headed Woodpecker Green | black, 6.6 to 1 |
| 14 | `#9d946b` | `oklch(66.35% 0.0579 97.77)` | Cactus Sand | black, 6.8 to 1 |
| 15 | `#a1966b` | `oklch(67.19% 0.0613 96.11)` | Olive Rush | black, 7 to 1 |
| 16 | `#a5986a` | `oklch(67.92% 0.0647 94.00)` | Eco Green | black, 7.2 to 1 |
| 17 | `#a99969` | `oklch(68.53% 0.0683 91.40)` | Wistman’s Wood | black, 7.4 to 1 |
| 18 | `#ae9967` | `oklch(68.97% 0.0719 88.25)` | Veranda Gold | black, 7.5 to 1 |
| 19 | `#b29965` | `oklch(69.25% 0.0756 84.50)` | Veranda Gold | black, 7.6 to 1 |
| 20 | `#b69762` | `oklch(69.33% 0.0794 80.11)` | Spiced Mustard | black, 7.6 to 1 |
| 21 | `#ba9560` | `oklch(69.20% 0.0833 74.95)` | Karak Stone | black, 7.5 to 1 |
| 22 | `#bf915e` | `oklch(68.84% 0.0876 68.68)` | Honey Haven | black, 7.4 to 1 |
| 23 | `#c38c5c` | `oklch(68.28% 0.0922 61.36)` | Espresso Tonic | black, 7.2 to 1 |
| 24 | `#c6865c` | `oklch(67.54% 0.0972 53.11)` | Wheatberry | black, 6.9 to 1 |
| 25 | `#c97f5f` | `oklch(66.64% 0.1025 44.08)` | Clove Bud | black, 6.6 to 1 |
| 26 | `#ca7864` | `oklch(65.60% 0.1079 34.40)` | Aloe Blossom | black, 6.3 to 1 |
| 27 | `#c9706b` | `oklch(64.45% 0.1136 24.18)` | Abbey Pink | black, 6 to 1 |
| 28 | `#c76974` | `oklch(63.21% 0.1193 13.58)` | Lovebirds | black, 5.7 to 1 |
| 29 | `#c2637f` | `oklch(61.89% 0.1251 2.71)` | Cherry Pink | black, 5.3 to 1 |
| 30 | `#bb5e8a` | `oklch(60.53% 0.1308 351.70)` | Beauty Queen | black, 5 to 1 |
| 31 | `#b25996` | `oklch(59.15% 0.1366 340.70)` | Spruce Tree Flower | black, 4.7 to 1 |
| 32 | `#a757a1` | `oklch(57.76% 0.1422 329.83)` | Orchid Dottyback | white, 4.6 to 1 |
| 33 | `#9a55ac` | `oklch(56.39% 0.1476 319.21)` | Purpureus | white, 4.9 to 1 |
| 34 | `#8c54b4` | `oklch(55.06% 0.1528 308.99)` | Lusty Lavender | white, 5.2 to 1 |
| 35 | `#7d54bb` | `oklch(53.79% 0.1578 299.30)` | Fuchsia Blue | white, 5.4 to 1 |
| 36 | `#6d54c0` | `oklch(52.62% 0.1624 290.26)` | Circumorbital Ring | white, 5.7 to 1 |
| 37 | `#5c55c3` | `oklch(51.55% 0.1666 282.01)` | Circumorbital Ring | white, 5.9 to 1 |
| 38 | `#4c55c4` | `oklch(50.61% 0.1704 274.67)` | Free Speech Blue | white, 6.1 to 1 |
| 39 | `#3a57c4` | `oklch(49.82% 0.1736 268.39)` | Free Speech Blue | white, 6.3 to 1 |
| 40 | `#2858c3` | `oklch(49.21% 0.1764 263.28)` | Cerulean Blue | white, 6.4 to 1 |

## CSS

```css
background: linear-gradient(225deg, #72705f 0.0%, #74725f 2.6%, #767460 5.1%, #797661 7.7%, #7b7862 10.3%, #7e7b63 12.8%, #827e64 15.4%, #858166 17.9%, #898567 20.5%, #8d8868 23.1%, #908b69 25.6%, #948f6a 28.2%, #98916b 30.8%, #9d946b 33.3%, #a1966b 35.9%, #a5986a 38.5%, #a99969 41.0%, #ae9967 43.6%, #b29965 46.2%, #b69762 48.7%, #ba9560 51.3%, #bf915e 53.8%, #c38c5c 56.4%, #c6865c 59.0%, #c97f5f 61.5%, #ca7864 64.1%, #c9706b 66.7%, #c76974 69.2%, #c2637f 71.8%, #bb5e8a 74.4%, #b25996 76.9%, #a757a1 79.5%, #9a55ac 82.1%, #8c54b4 84.6%, #7d54bb 87.2%, #6d54c0 89.7%, #5c55c3 92.3%, #4c55c4 94.9%, #3a57c4 97.4%, #2858c3 100.0%);
background: linear-gradient(225deg in oklch, oklch(54.33% 0.0262 101.95) 0.0%, oklch(54.80% 0.0277 101.45) 2.6%, oklch(55.41% 0.0294 101.17) 5.1%, oklch(56.16% 0.0312 101.06) 7.7%, oklch(57.02% 0.0332 101.05) 10.3%, oklch(57.96% 0.0354 101.11) 12.8%, oklch(58.98% 0.0378 101.18) 15.4%, oklch(60.04% 0.0403 101.22) 17.9%, oklch(61.14% 0.0429 101.16) 20.5%, oklch(62.24% 0.0456 100.97) 23.1%, oklch(63.34% 0.0485 100.58) 25.6%, oklch(64.40% 0.0515 99.95) 28.2%, oklch(65.41% 0.0547 99.03) 30.8%, oklch(66.35% 0.0579 97.77) 33.3%, oklch(67.19% 0.0613 96.11) 35.9%, oklch(67.92% 0.0647 94.00) 38.5%, oklch(68.53% 0.0683 91.40) 41.0%, oklch(68.97% 0.0719 88.25) 43.6%, oklch(69.25% 0.0756 84.50) 46.2%, oklch(69.33% 0.0794 80.11) 48.7%, oklch(69.20% 0.0833 74.95) 51.3%, oklch(68.84% 0.0876 68.68) 53.8%, oklch(68.28% 0.0922 61.36) 56.4%, oklch(67.54% 0.0972 53.11) 59.0%, oklch(66.64% 0.1025 44.08) 61.5%, oklch(65.60% 0.1079 34.40) 64.1%, oklch(64.45% 0.1136 24.18) 66.7%, oklch(63.21% 0.1193 13.58) 69.2%, oklch(61.89% 0.1251 2.71) 71.8%, oklch(60.53% 0.1308 351.70) 74.4%, oklch(59.15% 0.1366 340.70) 76.9%, oklch(57.76% 0.1422 329.83) 79.5%, oklch(56.39% 0.1476 319.21) 82.1%, oklch(55.06% 0.1528 308.99) 84.6%, oklch(53.79% 0.1578 299.30) 87.2%, oklch(52.62% 0.1624 290.26) 89.7%, oklch(51.55% 0.1666 282.01) 92.3%, oklch(50.61% 0.1704 274.67) 94.9%, oklch(49.82% 0.1736 268.39) 97.4%, oklch(49.21% 0.1764 263.28) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.026 | 102 |
| 2 | 0.693 | 0.081 | 77.6 |
| 3 | 0.492 | 0.176 | -96.7 |

## In these collections

- [Chrysanthemum tea porcelain](https://grabient.com/chrysanthemum-tea-porcelain)

## Other forms

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