# Rainbow from brown to blue linear gradient

Rainbow from brown to blue linear gradient with 64 colors: #3c1f15, #3e1f18, #421f1c, #452021, #482027, #4b212f, #4d2239, #4e2443, #4d274e, #4c2b59, #482f64, #44356e, #3e3a77, #36407e, #2e4684, #254c88, #1b518c, #13568f, #0e5b93, #0f6098, #16659d, #1f6aa2, #286fa7, #3174ad, #3a78b2, #427db7, #4881bb, #4d85bf, #5189c2, #528dc4, #5190c5, #4e93c5, #4796c2, #3c99bc, #2f9ab3, #259ba6, #259a95, #329783, #43936f, #558d5b, #658548, #717d38, #7b752c, #826d25, #876723, #8a6123, #8b5e25, #8c5c25, #8b5c24, #8a5e21, #88621d, #84671a, #7d6d1c, #737524, #657c33, #538445, #3c8a5a, #1c8f6f, #009184, #009395, #0093a5, #0094b4, #1b93bf, #2f92c6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWRiMcNqiu1GlPhBoiuT6tUA`
- Page: https://grabient.com/kWRiMcNqiu1GlPhBoiuT6tUA?steps=64&angle=135
- Drawn as: linear gradient, 64 steps, 135 degrees
- Kinds: light center, vivid, rainbow
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.6 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 | `#3c1f15` | `oklch(27.56% 0.0482 39.38)` | Délicieux au Chocolat | white, 15 to 1 |
| 2 | `#3e1f18` | `oklch(28.10% 0.0506 33.97)` | Délicieux au Chocolat | white, 14.8 to 1 |
| 3 | `#421f1c` | `oklch(28.72% 0.0537 27.09)` | Longan’s Kernel | white, 14.5 to 1 |
| 4 | `#452021` | `oklch(29.44% 0.0574 18.94)` | Dark Red Brown | white, 14.2 to 1 |
| 5 | `#482027` | `oklch(30.23% 0.0616 9.74)` | Dark Mahogany | white, 13.8 to 1 |
| 6 | `#4b212f` | `oklch(31.09% 0.0662 359.69)` | Dark Mahogany | white, 13.5 to 1 |
| 7 | `#4d2239` | `oklch(32.02% 0.0710 349.00)` | Prestige Mauve | white, 13.1 to 1 |
| 8 | `#4e2443` | `oklch(33.01% 0.0761 337.89)` | Prestige Mauve | white, 12.6 to 1 |
| 9 | `#4d274e` | `oklch(34.04% 0.0812 326.56)` | Murasaki | white, 12.2 to 1 |
| 10 | `#4c2b59` | `oklch(35.11% 0.0862 315.22)` | Deep Plum | white, 11.7 to 1 |
| 11 | `#482f64` | `oklch(36.22% 0.0912 304.09)` | Violet Indigo | white, 11.1 to 1 |
| 12 | `#44356e` | `oklch(37.36% 0.0959 293.38)` | Minsk | white, 10.6 to 1 |
| 13 | `#3e3a77` | `oklch(38.52% 0.1002 283.29)` | Sage Violet | white, 10.1 to 1 |
| 14 | `#36407e` | `oklch(39.69% 0.1041 274.03)` | Evening Magic | white, 9.5 to 1 |
| 15 | `#2e4684` | `oklch(40.86% 0.1074 265.82)` | Indigo Night | white, 9 to 1 |
| 16 | `#254c88` | `oklch(42.04% 0.1101 258.87)` | Night Mode | white, 8.5 to 1 |
| 17 | `#1b518c` | `oklch(43.21% 0.1120 253.38)` | Nautical Blue | white, 8 to 1 |
| 18 | `#13568f` | `oklch(44.50% 0.1133 249.46)` | Bandana | white, 7.5 to 1 |
| 19 | `#0e5b93` | `oklch(45.94% 0.1141 246.94)` | Baleine Blue | white, 7.1 to 1 |
| 20 | `#0f6098` | `oklch(47.49% 0.1143 245.59)` | Hyper Blue | white, 6.6 to 1 |
| 21 | `#16659d` | `oklch(49.13% 0.1142 245.21)` | Prime Blue | white, 6.1 to 1 |
| 22 | `#1f6aa2` | `oklch(50.82% 0.1138 245.56)` | Jazz Blue | white, 5.7 to 1 |
| 23 | `#286fa7` | `oklch(52.53% 0.1130 246.43)` | In the Nick | white, 5.3 to 1 |
| 24 | `#3174ad` | `oklch(54.24% 0.1120 247.60)` | Python Blue | white, 4.9 to 1 |
| 25 | `#3a78b2` | `oklch(55.91% 0.1108 248.86)` | Viennese Blue | white, 4.6 to 1 |
| 26 | `#427db7` | `oklch(57.51% 0.1095 249.97)` | Parkwater | black, 4.8 to 1 |
| 27 | `#4881bb` | `oklch(59.02% 0.1081 250.73)` | Blue Vault | black, 5.1 to 1 |
| 28 | `#4d85bf` | `oklch(60.39% 0.1068 250.92)` | Blue Vault | black, 5.4 to 1 |
| 29 | `#5189c2` | `oklch(61.61% 0.1054 250.31)` | Blueberry Popover | black, 5.7 to 1 |
| 30 | `#528dc4` | `oklch(62.64% 0.1042 248.68)` | Azure Blue | black, 5.9 to 1 |
| 31 | `#5190c5` | `oklch(63.44% 0.1031 245.83)` | Azure Blue | black, 6.1 to 1 |
| 32 | `#4e93c5` | `oklch(64.00% 0.1023 241.52)` | Azure Blue | black, 6.3 to 1 |
| 33 | `#4796c2` | `oklch(64.27% 0.1017 235.44)` | Mountain Bluebird | black, 6.4 to 1 |
| 34 | `#3c99bc` | `oklch(64.20% 0.1010 227.04)` | Fairy Tale Blue | black, 6.4 to 1 |
| 35 | `#2f9ab3` | `oklch(63.82% 0.1002 216.56)` | Pelorus | black, 6.4 to 1 |
| 36 | `#259ba6` | `oklch(63.20% 0.0994 204.41)` | Mediterranean Swirl | black, 6.3 to 1 |
| 37 | `#259a95` | `oklch(62.35% 0.0985 190.95)` | Azure Tide | black, 6.1 to 1 |
| 38 | `#329783` | `oklch(61.34% 0.0977 176.58)` | Green Jelly | black, 5.8 to 1 |
| 39 | `#43936f` | `oklch(60.20% 0.0968 161.67)` | Illuminati Green | black, 5.6 to 1 |
| 40 | `#558d5b` | `oklch(58.98% 0.0960 146.61)` | Middle Green | black, 5.3 to 1 |
| 41 | `#658548` | `oklch(57.73% 0.0952 131.78)` | Homegrown | black, 5 to 1 |
| 42 | `#717d38` | `oklch(56.48% 0.0945 117.56)` | Calla Green | black, 4.7 to 1 |
| 43 | `#7b752c` | `oklch(55.28% 0.0940 104.35)` | Wood Garlic | white, 4.7 to 1 |
| 44 | `#826d25` | `oklch(54.18% 0.0935 92.51)` | Tarnished Brass | white, 5 to 1 |
| 45 | `#876723` | `oklch(53.21% 0.0932 82.43)` | Hunting Jacket | white, 5.2 to 1 |
| 46 | `#8a6123` | `oklch(52.43% 0.0931 74.51)` | Kumera | white, 5.4 to 1 |
| 47 | `#8b5e25` | `oklch(51.88% 0.0932 69.11)` | Rusty Coin | white, 5.6 to 1 |
| 48 | `#8c5c25` | `oklch(51.60% 0.0936 66.62)` | Rusty Coin | white, 5.7 to 1 |
| 49 | `#8b5c24` | `oklch(51.60% 0.0942 67.39)` | Treacle | white, 5.7 to 1 |
| 50 | `#8a5e21` | `oklch(51.82% 0.0951 71.31)` | Kumera | white, 5.6 to 1 |
| 51 | `#88621d` | `oklch(52.23% 0.0964 77.98)` | Kumera | white, 5.5 to 1 |
| 52 | `#84671a` | `oklch(52.81% 0.0979 87.02)` | Yukon Gold | white, 5.3 to 1 |
| 53 | `#7d6d1c` | `oklch(53.51% 0.0995 98.03)` | Tarnished Brass | white, 5.1 to 1 |
| 54 | `#737524` | `oklch(54.33% 0.1014 110.62)` | Crocodile Eye | white, 4.9 to 1 |
| 55 | `#657c33` | `oklch(55.22% 0.1033 124.39)` | Dirty Green | white, 4.6 to 1 |
| 56 | `#538445` | `oklch(56.18% 0.1053 138.95)` | Beanpole | black, 4.7 to 1 |
| 57 | `#3c8a5a` | `oklch(57.16% 0.1074 153.90)` | Irish | black, 4.9 to 1 |
| 58 | `#1c8f6f` | `oklch(58.14% 0.1094 168.86)` | Observatory | black, 5.2 to 1 |
| 59 | `#009184` | `oklch(59.10% 0.1050 183.42)` | Emerald Coast | black, 5.4 to 1 |
| 60 | `#009395` | `oklch(60.01% 0.1021 197.21)` | Lido Deck | black, 5.5 to 1 |
| 61 | `#0093a5` | `oklch(60.84% 0.1052 209.83)` | Tile Blue | black, 5.7 to 1 |
| 62 | `#0094b4` | `oklch(61.57% 0.1128 220.86)` | Bondi Blue | black, 5.8 to 1 |
| 63 | `#1b93bf` | `oklch(62.16% 0.1176 229.92)` | Spa Dream | black, 5.9 to 1 |
| 64 | `#2f92c6` | `oklch(62.60% 0.1185 236.64)` | Porpita Porpita | black, 6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3c1f15 0.0%, #3e1f18 1.6%, #421f1c 3.2%, #452021 4.8%, #482027 6.3%, #4b212f 7.9%, #4d2239 9.5%, #4e2443 11.1%, #4d274e 12.7%, #4c2b59 14.3%, #482f64 15.9%, #44356e 17.5%, #3e3a77 19.0%, #36407e 20.6%, #2e4684 22.2%, #254c88 23.8%, #1b518c 25.4%, #13568f 27.0%, #0e5b93 28.6%, #0f6098 30.2%, #16659d 31.7%, #1f6aa2 33.3%, #286fa7 34.9%, #3174ad 36.5%, #3a78b2 38.1%, #427db7 39.7%, #4881bb 41.3%, #4d85bf 42.9%, #5189c2 44.4%, #528dc4 46.0%, #5190c5 47.6%, #4e93c5 49.2%, #4796c2 50.8%, #3c99bc 52.4%, #2f9ab3 54.0%, #259ba6 55.6%, #259a95 57.1%, #329783 58.7%, #43936f 60.3%, #558d5b 61.9%, #658548 63.5%, #717d38 65.1%, #7b752c 66.7%, #826d25 68.3%, #876723 69.8%, #8a6123 71.4%, #8b5e25 73.0%, #8c5c25 74.6%, #8b5c24 76.2%, #8a5e21 77.8%, #88621d 79.4%, #84671a 81.0%, #7d6d1c 82.5%, #737524 84.1%, #657c33 85.7%, #538445 87.3%, #3c8a5a 88.9%, #1c8f6f 90.5%, #009184 92.1%, #009395 93.7%, #0093a5 95.2%, #0094b4 96.8%, #1b93bf 98.4%, #2f92c6 100.0%);
background: linear-gradient(135deg in oklch, oklch(27.56% 0.0482 39.38) 0.0%, oklch(28.10% 0.0506 33.97) 1.6%, oklch(28.72% 0.0537 27.09) 3.2%, oklch(29.44% 0.0574 18.94) 4.8%, oklch(30.23% 0.0616 9.74) 6.3%, oklch(31.09% 0.0662 359.69) 7.9%, oklch(32.02% 0.0710 349.00) 9.5%, oklch(33.01% 0.0761 337.89) 11.1%, oklch(34.04% 0.0812 326.56) 12.7%, oklch(35.11% 0.0862 315.22) 14.3%, oklch(36.22% 0.0912 304.09) 15.9%, oklch(37.36% 0.0959 293.38) 17.5%, oklch(38.52% 0.1002 283.29) 19.0%, oklch(39.69% 0.1041 274.03) 20.6%, oklch(40.86% 0.1074 265.82) 22.2%, oklch(42.04% 0.1101 258.87) 23.8%, oklch(43.21% 0.1120 253.38) 25.4%, oklch(44.50% 0.1133 249.46) 27.0%, oklch(45.94% 0.1141 246.94) 28.6%, oklch(47.49% 0.1143 245.59) 30.2%, oklch(49.13% 0.1142 245.21) 31.7%, oklch(50.82% 0.1138 245.56) 33.3%, oklch(52.53% 0.1130 246.43) 34.9%, oklch(54.24% 0.1120 247.60) 36.5%, oklch(55.91% 0.1108 248.86) 38.1%, oklch(57.51% 0.1095 249.97) 39.7%, oklch(59.02% 0.1081 250.73) 41.3%, oklch(60.39% 0.1068 250.92) 42.9%, oklch(61.61% 0.1054 250.31) 44.4%, oklch(62.64% 0.1042 248.68) 46.0%, oklch(63.44% 0.1031 245.83) 47.6%, oklch(64.00% 0.1023 241.52) 49.2%, oklch(64.27% 0.1017 235.44) 50.8%, oklch(64.20% 0.1010 227.04) 52.4%, oklch(63.82% 0.1002 216.56) 54.0%, oklch(63.20% 0.0994 204.41) 55.6%, oklch(62.35% 0.0985 190.95) 57.1%, oklch(61.34% 0.0977 176.58) 58.7%, oklch(60.20% 0.0968 161.67) 60.3%, oklch(58.98% 0.0960 146.61) 61.9%, oklch(57.73% 0.0952 131.78) 63.5%, oklch(56.48% 0.0945 117.56) 65.1%, oklch(55.28% 0.0940 104.35) 66.7%, oklch(54.18% 0.0935 92.51) 68.3%, oklch(53.21% 0.0932 82.43) 69.8%, oklch(52.43% 0.0931 74.51) 71.4%, oklch(51.88% 0.0932 69.11) 73.0%, oklch(51.60% 0.0936 66.62) 74.6%, oklch(51.60% 0.0942 67.39) 76.2%, oklch(51.82% 0.0951 71.31) 77.8%, oklch(52.23% 0.0964 77.98) 79.4%, oklch(52.81% 0.0979 87.02) 81.0%, oklch(53.51% 0.0995 98.03) 82.5%, oklch(54.33% 0.1014 110.62) 84.1%, oklch(55.22% 0.1033 124.39) 85.7%, oklch(56.18% 0.1053 138.95) 87.3%, oklch(57.16% 0.1074 153.90) 88.9%, oklch(58.14% 0.1094 168.86) 90.5%, oklch(59.10% 0.1050 183.42) 92.1%, oklch(60.01% 0.1021 197.21) 93.7%, oklch(60.84% 0.1052 209.83) 95.2%, oklch(61.57% 0.1128 220.86) 96.8%, oklch(62.16% 0.1176 229.92) 98.4%, oklch(62.60% 0.1185 236.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.276 | 0.048 | 39.4 |
| 2 | 0.429 | 0.112 | -105.4 |
| 3 | 0.642 | 0.102 | -121.3 |
| 4 | 0.516 | 0.094 | -293.5 |
| 5 | 0.626 | 0.119 | -123.4 |

## Other forms

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