# Tritone brown, purple and blue linear gradient

Tritone brown, purple and blue linear gradient with 10 colors: #938141, #945f50, #77486b, #523689, #2733a4, #103bc1, #004fd8, #1469f6, #0092fd, #23b2ff. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYmj9DPRszLI7t85UD4ydC_ly6PY`
- Page: https://grabient.com/kYmj9DPRszLI7t85UD4ydC_ly6PY?steps=10&angle=180
- Drawn as: linear gradient, 10 steps, 180 degrees
- Kinds: dark center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#938141` | `oklch(60.63% 0.0868 94.22)` | Lucky Bamboo | black, 5.4 to 1 |
| 2 | `#945f50` | `oklch(54.05% 0.0736 37.57)` | Sequoia Grove | white, 5.2 to 1 |
| 3 | `#77486b` | `oklch(46.82% 0.0801 336.79)` | Old Fashioned Purple | white, 7.1 to 1 |
| 4 | `#523689` | `oklch(41.06% 0.1328 295.20)` | Blue Magenta Violet | white, 9.3 to 1 |
| 5 | `#2733a4` | `oklch(39.50% 0.1798 270.61)` | Yuè Guāng Lán Blue | white, 9.9 to 1 |
| 6 | `#103bc1` | `oklch(42.88% 0.2123 264.42)` | Persian Blue | white, 8.7 to 1 |
| 7 | `#004fd8` | `oklch(48.59% 0.2195 261.68)` | Frosted Blueberries | white, 6.7 to 1 |
| 8 | `#1469f6` | `oklch(56.30% 0.2248 260.81)` | Bright Blue | white, 4.8 to 1 |
| 9 | `#0092fd` | `oklch(65.21% 0.1892 250.92)` | Clear Chill | black, 6.5 to 1 |
| 10 | `#23b2ff` | `oklch(72.83% 0.1578 239.69)` | Fantasy Console Sky | black, 8.8 to 1 |

## CSS

```css
background: linear-gradient(180deg, #938141 0.0%, #945f50 11.1%, #77486b 22.2%, #523689 33.3%, #2733a4 44.4%, #103bc1 55.6%, #004fd8 66.7%, #1469f6 77.8%, #0092fd 88.9%, #23b2ff 100.0%);
background: linear-gradient(180deg in oklch, oklch(60.63% 0.0868 94.22) 0.0%, oklch(54.05% 0.0736 37.57) 11.1%, oklch(46.82% 0.0801 336.79) 22.2%, oklch(41.06% 0.1328 295.20) 33.3%, oklch(39.50% 0.1798 270.61) 44.4%, oklch(42.88% 0.2123 264.42) 55.6%, oklch(48.59% 0.2195 261.68) 66.7%, oklch(56.30% 0.2248 260.81) 77.8%, oklch(65.21% 0.1892 250.92) 88.9%, oklch(72.83% 0.1578 239.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.087 | 94.2 |
| 2 | 0.48 | 0.074 | -13.6 |
| 3 | 0.394 | 0.164 | -82.3 |
| 4 | 0.449 | 0.22 | -97.1 |
| 5 | 0.579 | 0.222 | -100.2 |
| 6 | 0.728 | 0.16 | -120.3 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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