# Pastel blue sand diagonal

Muted rainbow from brown to tan linear gradient with 56 colors: #c7845e, #c98265, #ca816e, #ca8079, #c97f84, #c67f90, #c1819d, #ba83a9, #b286b3, #a98abc, #9e8ec3, #9493c7, #8a98c8, #809dc8, #79a1c6, #73a6c2, #70abbc, #73b0b4, #7ab4ac, #86b6a3, #94b89c, #a2b997, #afb994, #baba94, #c3b995, #c9b997, #ceb999, #d0b999, #d0b897, #ccb793, #c6b68d, #bbb587, #abb584, #97b586, #7fb48e, #66b29a, #4eaea8, #3fa8b4, #3ca1be, #429bc5, #4895c8, #4b92c9, #4792c9, #3e95c6, #3099c0, #219eb8, #20a3ab, #34a79b, #50a98a, #6daa79, #87a86b, #9da663, #afa362, #bca066, #c59e6b, #ca9d71. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Muted rainbow from brown to tan linear gradient
- Seed: `kWq0cj2Bms-USq1RKFP3J0qw`
- Page: https://grabient.com/kWq0cj2Bms-USq1RKFP3J0qw?steps=56&angle=45
- Drawn as: linear gradient, 56 steps, 45 degrees
- Kinds: muted, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 1.7 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 | `#c7845e` | `oklch(67.32% 0.0978 49.92)` | Wheatberry | black, 6.8 to 1 |
| 2 | `#c98265` | `oklch(67.38% 0.0967 43.30)` | Cabana Melon | black, 6.8 to 1 |
| 3 | `#ca816e` | `oklch(67.43% 0.0952 35.21)` | Canyon Clay | black, 6.8 to 1 |
| 4 | `#ca8079` | `oklch(67.47% 0.0935 25.84)` | Raspberry Ripple | black, 6.8 to 1 |
| 5 | `#c97f84` | `oklch(67.50% 0.0916 15.35)` | Fake Crush | black, 6.8 to 1 |
| 6 | `#c67f90` | `oklch(67.55% 0.0895 3.92)` | Grey Matter | black, 6.8 to 1 |
| 7 | `#c1819d` | `oklch(67.60% 0.0873 351.70)` | Polignac | black, 6.8 to 1 |
| 8 | `#ba83a9` | `oklch(67.68% 0.0850 338.88)` | Opera Mauve | black, 6.9 to 1 |
| 9 | `#b286b3` | `oklch(67.78% 0.0826 325.61)` | African Violet | black, 6.9 to 1 |
| 10 | `#a98abc` | `oklch(67.92% 0.0803 312.07)` | East Side | black, 7 to 1 |
| 11 | `#9e8ec3` | `oklch(68.10% 0.0779 298.44)` | Hermosa | black, 7.1 to 1 |
| 12 | `#9493c7` | `oklch(68.34% 0.0757 284.87)` | Litmus | black, 7.2 to 1 |
| 13 | `#8a98c8` | `oklch(68.63% 0.0736 271.54)` | Easter Egg | black, 7.4 to 1 |
| 14 | `#809dc8` | `oklch(68.98% 0.0716 258.62)` | Caribbean Sky | black, 7.5 to 1 |
| 15 | `#79a1c6` | `oklch(69.41% 0.0698 246.19)` | Cottage Blue | black, 7.7 to 1 |
| 16 | `#73a6c2` | `oklch(70.01% 0.0679 232.67)` | Serene Sea | black, 7.9 to 1 |
| 17 | `#70abbc` | `oklch(70.78% 0.0658 217.70)` | Snowboard | black, 8.2 to 1 |
| 18 | `#73b0b4` | `oklch(71.70% 0.0635 201.70)` | Venice Escape | black, 8.5 to 1 |
| 19 | `#7ab4ac` | `oklch(72.70% 0.0611 185.08)` | Spring Water Turquoise | black, 8.9 to 1 |
| 20 | `#86b6a3` | `oklch(73.77% 0.0588 168.25)` | Source Green | black, 9.2 to 1 |
| 21 | `#94b89c` | `oklch(74.85% 0.0565 151.62)` | Greyed Jade | black, 9.6 to 1 |
| 22 | `#a2b997` | `oklch(75.91% 0.0545 135.60)` | Byakuroku Green | black, 9.9 to 1 |
| 23 | `#afb994` | `oklch(76.91% 0.0526 120.61)` | Chrysoprase | black, 10.2 to 1 |
| 24 | `#baba94` | `oklch(77.80% 0.0512 107.06)` | Back to Nature | black, 10.4 to 1 |
| 25 | `#c3b995` | `oklch(78.56% 0.0501 95.36)` | Salty Seeds | black, 10.7 to 1 |
| 26 | `#c9b997` | `oklch(79.14% 0.0496 85.92)` | Stone Guardians | black, 10.9 to 1 |
| 27 | `#ceb999` | `oklch(79.49% 0.0496 79.16)` | High Noon | black, 11 to 1 |
| 28 | `#d0b999` | `oklch(79.59% 0.0504 75.48)` | High Noon | black, 11 to 1 |
| 29 | `#d0b897` | `oklch(79.38% 0.0519 75.50)` | Community | black, 10.9 to 1 |
| 30 | `#ccb793` | `oklch(78.80% 0.0545 80.35)` | Real Simple | black, 10.7 to 1 |
| 31 | `#c6b68d` | `oklch(77.91% 0.0582 89.47)` | Modish Moss | black, 10.4 to 1 |
| 32 | `#bbb587` | `oklch(76.76% 0.0627 102.08)` | Cress Vinaigrette | black, 10.1 to 1 |
| 33 | `#abb584` | `oklch(75.40% 0.0678 117.36)` | Great Green | black, 9.7 to 1 |
| 34 | `#97b586` | `oklch(73.91% 0.0733 134.52)` | Mistletoe Kiss | black, 9.2 to 1 |
| 35 | `#7fb48e` | `oklch(72.33% 0.0791 152.77)` | Veiled Chameleon | black, 8.8 to 1 |
| 36 | `#66b29a` | `oklch(70.72% 0.0849 171.31)` | Keppel | black, 8.4 to 1 |
| 37 | `#4eaea8` | `oklch(69.15% 0.0906 189.34)` | Emerald Succulent | black, 7.9 to 1 |
| 38 | `#3fa8b4` | `oklch(67.67% 0.0959 206.06)` | Green Buoy | black, 7.4 to 1 |
| 39 | `#3ca1be` | `oklch(66.35% 0.1007 220.68)` | Blue Raspberry Seed | black, 7 to 1 |
| 40 | `#429bc5` | `oklch(65.23% 0.1048 232.40)` | Norse Blue | black, 6.6 to 1 |
| 41 | `#4895c8` | `oklch(64.38% 0.1079 240.41)` | Blue Paradise | black, 6.4 to 1 |
| 42 | `#4b92c9` | `oklch(63.85% 0.1099 243.93)` | Azure Blue | black, 6.2 to 1 |
| 43 | `#4792c9` | `oklch(63.68% 0.1107 242.50)` | Azure Blue | black, 6.2 to 1 |
| 44 | `#3e95c6` | `oklch(63.79% 0.1105 236.87)` | Opalescent | black, 6.3 to 1 |
| 45 | `#3099c0` | `oklch(64.15% 0.1094 227.69)` | Fairy Tale Blue | black, 6.4 to 1 |
| 46 | `#219eb8` | `oklch(64.71% 0.1076 215.55)` | Ahriman Blue | black, 6.6 to 1 |
| 47 | `#20a3ab` | `oklch(65.43% 0.1052 201.07)` | Aare River Brienz | black, 6.9 to 1 |
| 48 | `#34a79b` | `oklch(66.27% 0.1024 184.85)` | Bahaman Bliss | black, 7.1 to 1 |
| 49 | `#50a98a` | `oklch(67.20% 0.0992 167.50)` | Laurel Wreath | black, 7.4 to 1 |
| 50 | `#6daa79` | `oklch(68.18% 0.0959 149.63)` | Light Grass Green | black, 7.6 to 1 |
| 51 | `#87a86b` | `oklch(69.17% 0.0925 131.84)` | Peeled Asparagus | black, 7.8 to 1 |
| 52 | `#9da663` | `oklch(70.12% 0.0892 114.74)` | Green Smoke | black, 8 to 1 |
| 53 | `#afa362` | `oklch(71.00% 0.0862 98.95)` | Wavy Glass | black, 8.2 to 1 |
| 54 | `#bca066` | `oklch(71.77% 0.0835 85.06)` | Desert Moss | black, 8.3 to 1 |
| 55 | `#c59e6b` | `oklch(72.40% 0.0814 73.68)` | Hazed Nuts | black, 8.4 to 1 |
| 56 | `#ca9d71` | `oklch(72.83% 0.0799 65.42)` | Gingersnap | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #c7845e 0.0%, #c98265 1.8%, #ca816e 3.6%, #ca8079 5.5%, #c97f84 7.3%, #c67f90 9.1%, #c1819d 10.9%, #ba83a9 12.7%, #b286b3 14.5%, #a98abc 16.4%, #9e8ec3 18.2%, #9493c7 20.0%, #8a98c8 21.8%, #809dc8 23.6%, #79a1c6 25.5%, #73a6c2 27.3%, #70abbc 29.1%, #73b0b4 30.9%, #7ab4ac 32.7%, #86b6a3 34.5%, #94b89c 36.4%, #a2b997 38.2%, #afb994 40.0%, #baba94 41.8%, #c3b995 43.6%, #c9b997 45.5%, #ceb999 47.3%, #d0b999 49.1%, #d0b897 50.9%, #ccb793 52.7%, #c6b68d 54.5%, #bbb587 56.4%, #abb584 58.2%, #97b586 60.0%, #7fb48e 61.8%, #66b29a 63.6%, #4eaea8 65.5%, #3fa8b4 67.3%, #3ca1be 69.1%, #429bc5 70.9%, #4895c8 72.7%, #4b92c9 74.5%, #4792c9 76.4%, #3e95c6 78.2%, #3099c0 80.0%, #219eb8 81.8%, #20a3ab 83.6%, #34a79b 85.5%, #50a98a 87.3%, #6daa79 89.1%, #87a86b 90.9%, #9da663 92.7%, #afa362 94.5%, #bca066 96.4%, #c59e6b 98.2%, #ca9d71 100.0%);
background: linear-gradient(45deg in oklch, oklch(67.32% 0.0978 49.92) 0.0%, oklch(67.38% 0.0967 43.30) 1.8%, oklch(67.43% 0.0952 35.21) 3.6%, oklch(67.47% 0.0935 25.84) 5.5%, oklch(67.50% 0.0916 15.35) 7.3%, oklch(67.55% 0.0895 3.92) 9.1%, oklch(67.60% 0.0873 351.70) 10.9%, oklch(67.68% 0.0850 338.88) 12.7%, oklch(67.78% 0.0826 325.61) 14.5%, oklch(67.92% 0.0803 312.07) 16.4%, oklch(68.10% 0.0779 298.44) 18.2%, oklch(68.34% 0.0757 284.87) 20.0%, oklch(68.63% 0.0736 271.54) 21.8%, oklch(68.98% 0.0716 258.62) 23.6%, oklch(69.41% 0.0698 246.19) 25.5%, oklch(70.01% 0.0679 232.67) 27.3%, oklch(70.78% 0.0658 217.70) 29.1%, oklch(71.70% 0.0635 201.70) 30.9%, oklch(72.70% 0.0611 185.08) 32.7%, oklch(73.77% 0.0588 168.25) 34.5%, oklch(74.85% 0.0565 151.62) 36.4%, oklch(75.91% 0.0545 135.60) 38.2%, oklch(76.91% 0.0526 120.61) 40.0%, oklch(77.80% 0.0512 107.06) 41.8%, oklch(78.56% 0.0501 95.36) 43.6%, oklch(79.14% 0.0496 85.92) 45.5%, oklch(79.49% 0.0496 79.16) 47.3%, oklch(79.59% 0.0504 75.48) 49.1%, oklch(79.38% 0.0519 75.50) 50.9%, oklch(78.80% 0.0545 80.35) 52.7%, oklch(77.91% 0.0582 89.47) 54.5%, oklch(76.76% 0.0627 102.08) 56.4%, oklch(75.40% 0.0678 117.36) 58.2%, oklch(73.91% 0.0733 134.52) 60.0%, oklch(72.33% 0.0791 152.77) 61.8%, oklch(70.72% 0.0849 171.31) 63.6%, oklch(69.15% 0.0906 189.34) 65.5%, oklch(67.67% 0.0959 206.06) 67.3%, oklch(66.35% 0.1007 220.68) 69.1%, oklch(65.23% 0.1048 232.40) 70.9%, oklch(64.38% 0.1079 240.41) 72.7%, oklch(63.85% 0.1099 243.93) 74.5%, oklch(63.68% 0.1107 242.50) 76.4%, oklch(63.79% 0.1105 236.87) 78.2%, oklch(64.15% 0.1094 227.69) 80.0%, oklch(64.71% 0.1076 215.55) 81.8%, oklch(65.43% 0.1052 201.07) 83.6%, oklch(66.27% 0.1024 184.85) 85.5%, oklch(67.20% 0.0992 167.50) 87.3%, oklch(68.18% 0.0959 149.63) 89.1%, oklch(69.17% 0.0925 131.84) 90.9%, oklch(70.12% 0.0892 114.74) 92.7%, oklch(71.00% 0.0862 98.95) 94.5%, oklch(71.77% 0.0835 85.06) 96.4%, oklch(72.40% 0.0814 73.68) 98.2%, oklch(72.83% 0.0799 65.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.098 | 49.9 |
| 2 | 0.693 | 0.07 | -110.7 |
| 3 | 0.795 | 0.051 | -285.1 |
| 4 | 0.638 | 0.11 | -116 |
| 5 | 0.728 | 0.08 | -294.6 |

## In these collections

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

## Other forms

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