# Tritone brown, purple and light blue linear gradient

Tritone brown, purple and light blue linear gradient with 32 colors: #bd805b, #b77a58, #ae7254, #a46950, #9a614e, #905a4d, #85544d, #794f4d, #6e4a4d, #65464e, #5c4251, #534055, #493f58, #40405b, #3a415f, #344364, #30466b, #2c4972, #294e79, #285480, #295b87, #2c628e, #306995, #34719c, #3a7aa4, #4183ab, #498cb2, #5194b8, #5b9dbe, #66a6c4, #70aec8, #77b4cc. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcpkIlRJy-LcQPAwkbYNJ480ChvrPoD7XZo-w`
- Page: https://grabient.com/kcpkIlRJy-LcQPAwkbYNJ480ChvrPoD7XZo-w?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark center
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#bd805b` | `oklch(65.35% 0.0909 52.03)` | Sundial | black, 6.4 to 1 |
| 2 | `#b77a58` | `oklch(63.53% 0.0894 50.05)` | Caramel Apple | black, 5.9 to 1 |
| 3 | `#ae7254` | `oklch(60.93% 0.0874 47.36)` | Glazed Pot | black, 5.3 to 1 |
| 4 | `#a46950` | `oklch(57.96% 0.0846 43.86)` | Hot Cacao | black, 4.7 to 1 |
| 5 | `#9a614e` | `oklch(55.06% 0.0807 39.44)` | Ginger Gold | white, 5 to 1 |
| 6 | `#905a4d` | `oklch(52.49% 0.0749 34.26)` | Rustic Brown | white, 5.5 to 1 |
| 7 | `#85544d` | `oklch(49.88% 0.0664 29.00)` | Boston Brick | white, 6.2 to 1 |
| 8 | `#794f4d` | `oklch(47.33% 0.0569 22.72)` | Veil of Cinder | white, 6.9 to 1 |
| 9 | `#6e4a4d` | `oklch(45.01% 0.0487 14.28)` | Marron | white, 7.6 to 1 |
| 10 | `#65464e` | `oklch(43.05% 0.0436 2.52)` | Estate Vineyard | white, 8.2 to 1 |
| 11 | `#5c4251` | `oklch(41.39% 0.0417 345.13)` | Majestic | white, 8.8 to 1 |
| 12 | `#534055` | `oklch(39.98% 0.0418 323.90)` | Purple Bloom | white, 9.4 to 1 |
| 13 | `#493f58` | `oklch(38.91% 0.0437 302.58)` | Club Grey | white, 9.8 to 1 |
| 14 | `#40405b` | `oklch(38.28% 0.0470 284.87)` | Majestic Blue | white, 10 to 1 |
| 15 | `#3a415f` | `oklch(38.16% 0.0523 273.32)` | Church Blue | white, 10 to 1 |
| 16 | `#344364` | `oklch(38.52% 0.0605 265.89)` | Black Turmeric | white, 9.8 to 1 |
| 17 | `#30466b` | `oklch(39.28% 0.0698 261.03)` | Forlorn Cruise | white, 9.5 to 1 |
| 18 | `#2c4972` | `oklch(40.38% 0.0782 257.31)` | Enchanted Navy | white, 9 to 1 |
| 19 | `#294e79` | `oklch(41.77% 0.0840 253.44)` | Mykonos Reflection | white, 8.5 to 1 |
| 20 | `#285480` | `oklch(43.55% 0.0877 250.32)` | Blueberry Twist | white, 7.8 to 1 |
| 21 | `#295b87` | `oklch(45.68% 0.0900 248.10)` | Dead Lake | white, 7.1 to 1 |
| 22 | `#2c628e` | `oklch(48.03% 0.0914 246.27)` | Starry Night | white, 6.4 to 1 |
| 23 | `#306995` | `oklch(50.44% 0.0922 244.32)` | Summerday Blue | white, 5.8 to 1 |
| 24 | `#34719c` | `oklch(52.94% 0.0926 242.10)` | Vallarta Blue | white, 5.2 to 1 |
| 25 | `#3a7aa4` | `oklch(55.61% 0.0922 239.94)` | Taiwan Blue Magpie | white, 4.6 to 1 |
| 26 | `#4183ab` | `oklch(58.37% 0.0911 237.83)` | Lake Henry | black, 5 to 1 |
| 27 | `#498cb2` | `oklch(61.10% 0.0894 235.72)` | Atlantic Gull | black, 5.6 to 1 |
| 28 | `#5194b8` | `oklch(63.74% 0.0870 233.54)` | Heritage Blue | black, 6.2 to 1 |
| 29 | `#5b9dbe` | `oklch(66.60% 0.0832 231.09)` | Dupain | black, 7 to 1 |
| 30 | `#66a6c4` | `oklch(69.44% 0.0787 228.64)` | Scott Base | black, 7.8 to 1 |
| 31 | `#70aec8` | `oklch(71.89% 0.0745 226.49)` | Aspara | black, 8.5 to 1 |
| 32 | `#77b4cc` | `oklch(73.62% 0.0717 224.99)` | Tidal Basin | black, 9.1 to 1 |

## CSS

```css
background: linear-gradient(0deg, #bd805b 0.0%, #b77a58 3.2%, #ae7254 6.5%, #a46950 9.7%, #9a614e 12.9%, #905a4d 16.1%, #85544d 19.4%, #794f4d 22.6%, #6e4a4d 25.8%, #65464e 29.0%, #5c4251 32.3%, #534055 35.5%, #493f58 38.7%, #40405b 41.9%, #3a415f 45.2%, #344364 48.4%, #30466b 51.6%, #2c4972 54.8%, #294e79 58.1%, #285480 61.3%, #295b87 64.5%, #2c628e 67.7%, #306995 71.0%, #34719c 74.2%, #3a7aa4 77.4%, #4183ab 80.6%, #498cb2 83.9%, #5194b8 87.1%, #5b9dbe 90.3%, #66a6c4 93.5%, #70aec8 96.8%, #77b4cc 100.0%);
background: linear-gradient(0deg in oklch, oklch(65.35% 0.0909 52.03) 0.0%, oklch(63.53% 0.0894 50.05) 3.2%, oklch(60.93% 0.0874 47.36) 6.5%, oklch(57.96% 0.0846 43.86) 9.7%, oklch(55.06% 0.0807 39.44) 12.9%, oklch(52.49% 0.0749 34.26) 16.1%, oklch(49.88% 0.0664 29.00) 19.4%, oklch(47.33% 0.0569 22.72) 22.6%, oklch(45.01% 0.0487 14.28) 25.8%, oklch(43.05% 0.0436 2.52) 29.0%, oklch(41.39% 0.0417 345.13) 32.3%, oklch(39.98% 0.0418 323.90) 35.5%, oklch(38.91% 0.0437 302.58) 38.7%, oklch(38.28% 0.0470 284.87) 41.9%, oklch(38.16% 0.0523 273.32) 45.2%, oklch(38.52% 0.0605 265.89) 48.4%, oklch(39.28% 0.0698 261.03) 51.6%, oklch(40.38% 0.0782 257.31) 54.8%, oklch(41.77% 0.0840 253.44) 58.1%, oklch(43.55% 0.0877 250.32) 61.3%, oklch(45.68% 0.0900 248.10) 64.5%, oklch(48.03% 0.0914 246.27) 67.7%, oklch(50.44% 0.0922 244.32) 71.0%, oklch(52.94% 0.0926 242.10) 74.2%, oklch(55.61% 0.0922 239.94) 77.4%, oklch(58.37% 0.0911 237.83) 80.6%, oklch(61.10% 0.0894 235.72) 83.9%, oklch(63.74% 0.0870 233.54) 87.1%, oklch(66.60% 0.0832 231.09) 90.3%, oklch(69.44% 0.0787 228.64) 93.5%, oklch(71.89% 0.0745 226.49) 96.8%, oklch(73.62% 0.0717 224.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.654 | 0.091 | 52 |
| 2 | 0.539 | 0.079 | 37.2 |
| 3 | 0.433 | 0.044 | 4.5 |
| 4 | 0.382 | 0.048 | -79 |
| 5 | 0.413 | 0.083 | -105.4 |
| 6 | 0.508 | 0.092 | -116 |
| 7 | 0.626 | 0.088 | -125.5 |
| 8 | 0.736 | 0.072 | -135 |

## In these collections

- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)

## Other forms

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