# Cobalt coral diagonal tiles

Purple, blue, pink and tan linear gradient with 64 colors: #a35371, #a25375, #9f537b, #9b5482, #955589, #8f5691, #875897, #7e5a9d, #755ca2, #6c5fa6, #6262a8, #5a65a9, #5268aa, #4d6baa, #4a6eab, #4a70ac, #4e72af, #5775b2, #6378b6, #727aba, #837ebe, #9481bf, #a685bf, #b78abd, #c690b9, #d496b5, #de9db0, #e6a4ac, #ecaba9, #f0b1a7, #f2b6a6, #f3b9a6, #f3b9a6, #f2b7a6, #f0b3a7, #ecada8, #e6a7aa, #de9fad, #d498b0, #c892b3, #bb8cb5, #ac86b7, #9e82b7, #907eb6, #837bb4, #7979b2, #7377b0, #7075ae, #7375ae, #7975ad, #8275ad, #8d76ac, #9978a9, #a67ba6, #b27fa0, #bd849a, #c68a94, #cd928f, #d29a8b, #d4a389, #d5ab89, #d4b38b, #d3b98e, #d2be91. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Purple, blue, pink and tan linear gradient
- Seed: `kWi1H-xiW0Woa0HKH7HZpdTo`
- Page: https://grabient.com/kWi1H-xiW0Woa0HKH7HZpdTo?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.2 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 | `#a35371` | `oklch(54.72% 0.1116 357.89)` | Cranbrook | white, 5.2 to 1 |
| 2 | `#a25375` | `oklch(54.69% 0.1114 353.94)` | Cranbrook | white, 5.2 to 1 |
| 3 | `#9f537b` | `oklch(54.56% 0.1111 348.49)` | Feminism | white, 5.2 to 1 |
| 4 | `#9b5482` | `oklch(54.36% 0.1109 341.81)` | Feminism | white, 5.2 to 1 |
| 5 | `#955589` | `oklch(54.12% 0.1106 334.16)` | Àn Zǐ Purple | white, 5.3 to 1 |
| 6 | `#8f5691` | `oklch(53.86% 0.1104 325.78)` | Àn Zǐ Purple | white, 5.3 to 1 |
| 7 | `#875897` | `oklch(53.59% 0.1101 316.94)` | Purple Squid | white, 5.4 to 1 |
| 8 | `#7e5a9d` | `oklch(53.34% 0.1097 307.91)` | Sonic Plum | white, 5.4 to 1 |
| 9 | `#755ca2` | `oklch(53.13% 0.1093 298.92)` | Sumire Violet | white, 5.4 to 1 |
| 10 | `#6c5fa6` | `oklch(52.97% 0.1089 290.25)` | Giant Onion | white, 5.4 to 1 |
| 11 | `#6262a8` | `oklch(52.90% 0.1083 282.15)` | Blue Iris | white, 5.4 to 1 |
| 12 | `#5a65a9` | `oklch(52.93% 0.1077 274.88)` | Bellflower | white, 5.4 to 1 |
| 13 | `#5268aa` | `oklch(53.08% 0.1070 268.70)` | Submarine Base | white, 5.3 to 1 |
| 14 | `#4d6baa` | `oklch(53.38% 0.1062 263.87)` | New Age Blue | white, 5.2 to 1 |
| 15 | `#4a6eab` | `oklch(53.85% 0.1053 260.63)` | New Age Blue | white, 5.1 to 1 |
| 16 | `#4a70ac` | `oklch(54.50% 0.1042 259.26)` | Croquet Blue | white, 4.9 to 1 |
| 17 | `#4e72af` | `oklch(55.36% 0.1030 260.03)` | Ramjet | white, 4.8 to 1 |
| 18 | `#5775b2` | `oklch(56.58% 0.1016 263.44)` | Sapphire Shimmer Blue | black, 4.5 to 1 |
| 19 | `#6378b6` | `oklch(58.17% 0.0998 269.33)` | Ultramarine Blue | black, 4.8 to 1 |
| 20 | `#727aba` | `oklch(60.06% 0.0978 277.32)` | Persian Jewel | black, 5.2 to 1 |
| 21 | `#837ebe` | `oklch(62.18% 0.0956 287.03)` | Faraway Sky | black, 5.6 to 1 |
| 22 | `#9481bf` | `oklch(64.48% 0.0932 298.09)` | Amethyst Grey | black, 6.1 to 1 |
| 23 | `#a685bf` | `oklch(66.89% 0.0908 310.10)` | Lilac Purple | black, 6.7 to 1 |
| 24 | `#b78abd` | `oklch(69.35% 0.0883 322.69)` | Creeping Bellflower | black, 7.3 to 1 |
| 25 | `#c690b9` | `oklch(71.80% 0.0859 335.47)` | La la Love | black, 8 to 1 |
| 26 | `#d496b5` | `oklch(74.18% 0.0835 348.07)` | Exotic Lilac | black, 8.8 to 1 |
| 27 | `#de9db0` | `oklch(76.42% 0.0812 0.10)` | Faded Pink | black, 9.5 to 1 |
| 28 | `#e6a4ac` | `oklch(78.45% 0.0791 11.19)` | Berry Riche | black, 10.2 to 1 |
| 29 | `#ecaba9` | `oklch(80.23% 0.0772 20.94)` | Hibiscus Petal | black, 10.9 to 1 |
| 30 | `#f0b1a7` | `oklch(81.68% 0.0756 28.99)` | Lusty Salmon | black, 11.5 to 1 |
| 31 | `#f2b6a6` | `oklch(82.74% 0.0743 34.94)` | Pink Mimosa | black, 12 to 1 |
| 32 | `#f3b9a6` | `oklch(83.35% 0.0733 38.41)` | Sweet Sheba | black, 12.2 to 1 |
| 33 | `#f3b9a6` | `oklch(83.44% 0.0728 39.03)` | Sweet Sheba | black, 12.3 to 1 |
| 34 | `#f2b7a6` | `oklch(82.96% 0.0728 36.65)` | Pink Mimosa | black, 12.1 to 1 |
| 35 | `#f0b3a7` | `oklch(81.97% 0.0731 31.66)` | Warm Heart | black, 11.7 to 1 |
| 36 | `#ecada8` | `oklch(80.55% 0.0738 24.47)` | Sweet Tart | black, 11.1 to 1 |
| 37 | `#e6a7aa` | `oklch(78.78% 0.0748 15.51)` | Perennial Phlox | black, 10.4 to 1 |
| 38 | `#de9fad` | `oklch(76.73% 0.0761 5.19)` | Nana’s Rose | black, 9.7 to 1 |
| 39 | `#d498b0` | `oklch(74.49% 0.0774 353.93)` | Haute Pink | black, 8.9 to 1 |
| 40 | `#c892b3` | `oklch(72.13% 0.0789 342.15)` | Bossy-Pants Pink | black, 8.1 to 1 |
| 41 | `#bb8cb5` | `oklch(69.73% 0.0804 330.26)` | Violet Whimsy | black, 7.5 to 1 |
| 42 | `#ac86b7` | `oklch(67.37% 0.0819 318.70)` | African Violet | black, 6.8 to 1 |
| 43 | `#9e82b7` | `oklch(65.12% 0.0833 307.87)` | Purple Mountains’ Majesty | black, 6.3 to 1 |
| 44 | `#907eb6` | `oklch(63.06% 0.0846 298.20)` | Unimaginable | black, 5.8 to 1 |
| 45 | `#837bb4` | `oklch(61.28% 0.0856 290.10)` | Murex | black, 5.4 to 1 |
| 46 | `#7979b2` | `oklch(59.84% 0.0864 283.99)` | Ontario Violet | black, 5.1 to 1 |
| 47 | `#7377b0` | `oklch(58.82% 0.0868 280.29)` | Regal Azure | black, 4.9 to 1 |
| 48 | `#7075ae` | `oklch(58.31% 0.0869 279.42)` | Regal Azure | black, 4.8 to 1 |
| 49 | `#7375ae` | `oklch(58.33% 0.0865 281.64)` | Regal Azure | black, 4.8 to 1 |
| 50 | `#7975ad` | `oklch(58.79% 0.0857 286.59)` | Plum Preserve | black, 4.9 to 1 |
| 51 | `#8275ad` | `oklch(59.63% 0.0846 293.91)` | Purple Rhapsody | black, 5.1 to 1 |
| 52 | `#8d76ac` | `oklch(60.80% 0.0833 303.26)` | Romantic Moment | black, 5.3 to 1 |
| 53 | `#9978a9` | `oklch(62.24% 0.0817 314.28)` | Cloudy Plum | black, 5.6 to 1 |
| 54 | `#a67ba6` | `oklch(63.90% 0.0800 326.64)` | Design Delight | black, 5.9 to 1 |
| 55 | `#b27fa0` | `oklch(65.73% 0.0781 339.97)` | Antique Hot Pink | black, 6.4 to 1 |
| 56 | `#bd849a` | `oklch(67.67% 0.0762 353.94)` | Mauvey Nude | black, 6.9 to 1 |
| 57 | `#c68a94` | `oklch(69.66% 0.0742 8.19)` | Solid Pink | black, 7.4 to 1 |
| 58 | `#cd928f` | `oklch(71.66% 0.0723 22.37)` | Tongue | black, 8.1 to 1 |
| 59 | `#d29a8b` | `oklch(73.61% 0.0704 36.15)` | Nectarine Spice | black, 8.7 to 1 |
| 60 | `#d4a389` | `oklch(75.45% 0.0686 49.16)` | Shetland Pony | black, 9.4 to 1 |
| 61 | `#d5ab89` | `oklch(77.14% 0.0669 61.07)` | Sweet Sue | black, 10 to 1 |
| 62 | `#d4b38b` | `oklch(78.61% 0.0655 71.52)` | Summerwood | black, 10.6 to 1 |
| 63 | `#d3b98e` | `oklch(79.82% 0.0643 80.16)` | Creamy Nougat | black, 11.1 to 1 |
| 64 | `#d2be91` | `oklch(80.71% 0.0634 86.66)` | Beaten Track | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a35371 0.0%, #a25375 1.6%, #9f537b 3.2%, #9b5482 4.8%, #955589 6.3%, #8f5691 7.9%, #875897 9.5%, #7e5a9d 11.1%, #755ca2 12.7%, #6c5fa6 14.3%, #6262a8 15.9%, #5a65a9 17.5%, #5268aa 19.0%, #4d6baa 20.6%, #4a6eab 22.2%, #4a70ac 23.8%, #4e72af 25.4%, #5775b2 27.0%, #6378b6 28.6%, #727aba 30.2%, #837ebe 31.7%, #9481bf 33.3%, #a685bf 34.9%, #b78abd 36.5%, #c690b9 38.1%, #d496b5 39.7%, #de9db0 41.3%, #e6a4ac 42.9%, #ecaba9 44.4%, #f0b1a7 46.0%, #f2b6a6 47.6%, #f3b9a6 49.2%, #f3b9a6 50.8%, #f2b7a6 52.4%, #f0b3a7 54.0%, #ecada8 55.6%, #e6a7aa 57.1%, #de9fad 58.7%, #d498b0 60.3%, #c892b3 61.9%, #bb8cb5 63.5%, #ac86b7 65.1%, #9e82b7 66.7%, #907eb6 68.3%, #837bb4 69.8%, #7979b2 71.4%, #7377b0 73.0%, #7075ae 74.6%, #7375ae 76.2%, #7975ad 77.8%, #8275ad 79.4%, #8d76ac 81.0%, #9978a9 82.5%, #a67ba6 84.1%, #b27fa0 85.7%, #bd849a 87.3%, #c68a94 88.9%, #cd928f 90.5%, #d29a8b 92.1%, #d4a389 93.7%, #d5ab89 95.2%, #d4b38b 96.8%, #d3b98e 98.4%, #d2be91 100.0%);
background: linear-gradient(135deg in oklch, oklch(54.72% 0.1116 357.89) 0.0%, oklch(54.69% 0.1114 353.94) 1.6%, oklch(54.56% 0.1111 348.49) 3.2%, oklch(54.36% 0.1109 341.81) 4.8%, oklch(54.12% 0.1106 334.16) 6.3%, oklch(53.86% 0.1104 325.78) 7.9%, oklch(53.59% 0.1101 316.94) 9.5%, oklch(53.34% 0.1097 307.91) 11.1%, oklch(53.13% 0.1093 298.92) 12.7%, oklch(52.97% 0.1089 290.25) 14.3%, oklch(52.90% 0.1083 282.15) 15.9%, oklch(52.93% 0.1077 274.88) 17.5%, oklch(53.08% 0.1070 268.70) 19.0%, oklch(53.38% 0.1062 263.87) 20.6%, oklch(53.85% 0.1053 260.63) 22.2%, oklch(54.50% 0.1042 259.26) 23.8%, oklch(55.36% 0.1030 260.03) 25.4%, oklch(56.58% 0.1016 263.44) 27.0%, oklch(58.17% 0.0998 269.33) 28.6%, oklch(60.06% 0.0978 277.32) 30.2%, oklch(62.18% 0.0956 287.03) 31.7%, oklch(64.48% 0.0932 298.09) 33.3%, oklch(66.89% 0.0908 310.10) 34.9%, oklch(69.35% 0.0883 322.69) 36.5%, oklch(71.80% 0.0859 335.47) 38.1%, oklch(74.18% 0.0835 348.07) 39.7%, oklch(76.42% 0.0812 0.10) 41.3%, oklch(78.45% 0.0791 11.19) 42.9%, oklch(80.23% 0.0772 20.94) 44.4%, oklch(81.68% 0.0756 28.99) 46.0%, oklch(82.74% 0.0743 34.94) 47.6%, oklch(83.35% 0.0733 38.41) 49.2%, oklch(83.44% 0.0728 39.03) 50.8%, oklch(82.96% 0.0728 36.65) 52.4%, oklch(81.97% 0.0731 31.66) 54.0%, oklch(80.55% 0.0738 24.47) 55.6%, oklch(78.78% 0.0748 15.51) 57.1%, oklch(76.73% 0.0761 5.19) 58.7%, oklch(74.49% 0.0774 353.93) 60.3%, oklch(72.13% 0.0789 342.15) 61.9%, oklch(69.73% 0.0804 330.26) 63.5%, oklch(67.37% 0.0819 318.70) 65.1%, oklch(65.12% 0.0833 307.87) 66.7%, oklch(63.06% 0.0846 298.20) 68.3%, oklch(61.28% 0.0856 290.10) 69.8%, oklch(59.84% 0.0864 283.99) 71.4%, oklch(58.82% 0.0868 280.29) 73.0%, oklch(58.31% 0.0869 279.42) 74.6%, oklch(58.33% 0.0865 281.64) 76.2%, oklch(58.79% 0.0857 286.59) 77.8%, oklch(59.63% 0.0846 293.91) 79.4%, oklch(60.80% 0.0833 303.26) 81.0%, oklch(62.24% 0.0817 314.28) 82.5%, oklch(63.90% 0.0800 326.64) 84.1%, oklch(65.73% 0.0781 339.97) 85.7%, oklch(67.67% 0.0762 353.94) 87.3%, oklch(69.66% 0.0742 8.19) 88.9%, oklch(71.66% 0.0723 22.37) 90.5%, oklch(73.61% 0.0704 36.15) 92.1%, oklch(75.45% 0.0686 49.16) 93.7%, oklch(77.14% 0.0669 61.07) 95.2%, oklch(78.61% 0.0655 71.52) 96.8%, oklch(79.82% 0.0643 80.16) 98.4%, oklch(80.71% 0.0634 86.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.112 | 357.9 |
| 2 | 0.551 | 0.103 | 259.6 |
| 3 | 0.835 | 0.073 | 399.1 |
| 4 | 0.583 | 0.087 | 279.7 |
| 5 | 0.807 | 0.063 | 446.7 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)

## Other forms

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