# Red cream shell gradient Analogous brown, orange and tan linear gradient with 32 colors: #2a0e08, #35120a, #45150c, #581a0e, #6e1f11, #832614, #973017, #a83c19, #b94c1c, #c95f20, #d67127, #e18431, #ea953d, #f1a44a, #f8b55b, #fec76f, #ffd688, #ffde96, #fcde96, #f1d290, #dab67c, #ba9160, #976942, #764629, #5e2c16, #541f0d, #591f0c, #6a2810, #823716, #9d481c, #b55921, #c46424. Edit it and copy or download CSS, SVG, PNG or shader code. - Also called: Analogous brown, orange and tan linear gradient - Seed: `kYNSMYO7TAGAzw3xocKKJ46U00QS` - Page: https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS?steps=32&angle=135 - Drawn as: linear gradient, 32 steps, 135 degrees - Kinds: light center, vivid, warm - Hues: analogous - Contrast of its darkest and lightest colors: 13.8 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 | `#2a0e08` | `oklch(20.87% 0.0482 33.75)` | Root Brew | white, 17.9 to 1 | | 2 | `#35120a` | `oklch(23.55% 0.0594 33.55)` | Black Rooster | white, 16.9 to 1 | | 3 | `#45150c` | `oklch(27.23% 0.0757 33.01)` | Old Study | white, 15.3 to 1 | | 4 | `#581a0e` | `oklch(31.60% 0.0947 32.47)` | Philippine Brown | white, 13.3 to 1 | | 5 | `#6e1f11` | `oklch(36.37% 0.1139 32.28)` | Prune | white, 11.2 to 1 | | 6 | `#832614` | `oklch(41.26% 0.1308 32.79)` | Caponata | white, 9.3 to 1 | | 7 | `#973017` | `oklch(45.96% 0.1430 34.34)` | Hawaiian Malasada | white, 7.6 to 1 | | 8 | `#a83c19` | `oklch(50.53% 0.1495 37.28)` | Rust | white, 6.2 to 1 | | 9 | `#b94c1c` | `oklch(55.44% 0.1525 41.53)` | Gold Flame | white, 5 to 1 | | 10 | `#c95f20` | `oklch(60.48% 0.1528 46.65)` | Golden Lion Tamarin | black, 5.1 to 1 | | 11 | `#d67127` | `oklch(65.43% 0.1510 52.17)` | Tango | black, 6.2 to 1 | | 12 | `#e18431` | `oklch(70.06% 0.1477 57.65)` | Kanafeh | black, 7.5 to 1 | | 13 | `#ea953d` | `oklch(74.15% 0.1436 62.64)` | Roasted Chestnut | black, 8.8 to 1 | | 14 | `#f1a44a` | `oklch(77.82% 0.1388 67.13)` | O’Brien Orange | black, 10.1 to 1 | | 15 | `#f8b55b` | `oklch(81.97% 0.1315 72.37)` | Amber Yellow | black, 11.7 to 1 | | 16 | `#fec76f` | `oklch(86.06% 0.1224 77.79)` | Chanterelle | black, 13.5 to 1 | | 17 | `#ffd688` | `oklch(89.39% 0.1071 82.60)` | Golden Eye | black, 15.1 to 1 | | 18 | `#ffde96` | `oklch(91.24% 0.0972 86.00)` | Lemon Pound Cake | black, 16.1 to 1 | | 19 | `#fcde96` | `oklch(90.91% 0.0957 87.22)` | Sunny Veranda | black, 16 to 1 | | 20 | `#f1d290` | `oklch(87.51% 0.0904 85.38)` | Nectar Jackpot | black, 14.3 to 1 | | 21 | `#dab67c` | `oklch(79.51% 0.0861 79.42)` | Soft Chamois | black, 10.9 to 1 | | 22 | `#ba9160` | `oklch(68.34% 0.0825 70.58)` | Honey Haven | black, 7.2 to 1 | | 23 | `#976942` | `oklch(55.98% 0.0800 60.46)` | Gingerbread Brick | white, 4.7 to 1 | | 24 | `#764629` | `oklch(44.41% 0.0791 50.68)` | Broomstick | white, 7.8 to 1 | | 25 | `#5e2c16` | `oklch(35.60% 0.0802 42.83)` | Count Chocula | white, 11.3 to 1 | | 26 | `#541f0d` | `oklch(31.53% 0.0836 38.50)` | Peaty Brown | white, 13.3 to 1 | | 27 | `#591f0c` | `oklch(32.46% 0.0909 37.58)` | Peaty Brown | white, 12.9 to 1 | | 28 | `#6a2810` | `oklch(36.89% 0.1015 38.92)` | Moussaka | white, 10.9 to 1 | | 29 | `#823716` | `oklch(43.37% 0.1136 41.66)` | Rogan Josh | white, 8.3 to 1 | | 30 | `#9d481c` | `oklch(50.45% 0.1258 44.93)` | Rendang | white, 6.2 to 1 | | 31 | `#b55921` | `oklch(56.68% 0.1362 47.86)` | Fallen Canopy | white, 4.7 to 1 | | 32 | `#c46424` | `oklch(60.63% 0.1433 49.60)` | Chivalrous Fox | black, 5.1 to 1 | ## CSS ```css background: linear-gradient(135deg, #2a0e08 0.0%, #35120a 3.2%, #45150c 6.5%, #581a0e 9.7%, #6e1f11 12.9%, #832614 16.1%, #973017 19.4%, #a83c19 22.6%, #b94c1c 25.8%, #c95f20 29.0%, #d67127 32.3%, #e18431 35.5%, #ea953d 38.7%, #f1a44a 41.9%, #f8b55b 45.2%, #fec76f 48.4%, #ffd688 51.6%, #ffde96 54.8%, #fcde96 58.1%, #f1d290 61.3%, #dab67c 64.5%, #ba9160 67.7%, #976942 71.0%, #764629 74.2%, #5e2c16 77.4%, #541f0d 80.6%, #591f0c 83.9%, #6a2810 87.1%, #823716 90.3%, #9d481c 93.5%, #b55921 96.8%, #c46424 100.0%); background: linear-gradient(135deg in oklch, oklch(20.87% 0.0482 33.75) 0.0%, oklch(23.55% 0.0594 33.55) 3.2%, oklch(27.23% 0.0757 33.01) 6.5%, oklch(31.60% 0.0947 32.47) 9.7%, oklch(36.37% 0.1139 32.28) 12.9%, oklch(41.26% 0.1308 32.79) 16.1%, oklch(45.96% 0.1430 34.34) 19.4%, oklch(50.53% 0.1495 37.28) 22.6%, oklch(55.44% 0.1525 41.53) 25.8%, oklch(60.48% 0.1528 46.65) 29.0%, oklch(65.43% 0.1510 52.17) 32.3%, oklch(70.06% 0.1477 57.65) 35.5%, oklch(74.15% 0.1436 62.64) 38.7%, oklch(77.82% 0.1388 67.13) 41.9%, oklch(81.97% 0.1315 72.37) 45.2%, oklch(86.06% 0.1224 77.79) 48.4%, oklch(89.39% 0.1071 82.60) 51.6%, oklch(91.24% 0.0972 86.00) 54.8%, oklch(90.91% 0.0957 87.22) 58.1%, oklch(87.51% 0.0904 85.38) 61.3%, oklch(79.51% 0.0861 79.42) 64.5%, oklch(68.34% 0.0825 70.58) 67.7%, oklch(55.98% 0.0800 60.46) 71.0%, oklch(44.41% 0.0791 50.68) 74.2%, oklch(35.60% 0.0802 42.83) 77.4%, oklch(31.53% 0.0836 38.50) 80.6%, oklch(32.46% 0.0909 37.58) 83.9%, oklch(36.89% 0.1015 38.92) 87.1%, oklch(43.37% 0.1136 41.66) 90.3%, oklch(50.45% 0.1258 44.93) 93.5%, oklch(56.68% 0.1362 47.86) 96.8%, oklch(60.63% 0.1433 49.60) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.209 | 0.048 | 33.8 | | 2 | 0.469 | 0.145 | 34.8 | | 3 | 0.756 | 0.142 | 64.4 | | 4 | 0.894 | 0.092 | 86.6 | | 5 | 0.319 | 0.083 | 39 | | 6 | 0.606 | 0.143 | 49.6 | ## In these collections - [Tortoiseshell colors](https://grabient.com/tortoiseshell-colors) ## Other forms - [JSON](https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS.json?steps=32&angle=135) - [PNG](https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS.png?steps=32&angle=135) - [SVG](https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS.svg?steps=32&angle=135) - [CSS](https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS.css?steps=32&angle=135) - [ASE](https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS.ase?steps=32&angle=135) - [GPL](https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS.gpl?steps=32&angle=135) - [GRD](https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS.grd?steps=32&angle=135) - [Design tokens](https://grabient.com/kYNSMYO7TAGAzw3xocKKJ46U00QS.tokens.json?steps=32&angle=135) - [Social card](https://grabient.com/api/og?seed=kYNSMYO7TAGAzw3xocKKJ46U00QS&steps=32&angle=135) - [Palettes like this one](https://grabient.com/palettes?q=kYNSMYO7TAGAzw3xocKKJ46U00QS) - [Guide for agents](https://grabient.com/llms.txt)