# Maroon, teal and tan radial gradient Maroon, teal and tan radial gradient with 32 colors: #851f1e, #873800, #7f5800, #6f7727, #579063, #539d8b, #5aa29c, #5aa094, #5f9673, #738143, #886318, #8e4424, #87303b, #812746, #81204a, #841b48, #8b1640, #911533, #951a21, #952505, #863c00, #784a00, #6c5400, #5f5e1e, #596538, #5e6c46, #6c7650, #828359, #9d8f62, #b99a6e, #d1a37c, #e0aa89. Edit it and copy or download CSS, SVG, PNG or shader code. - Seed: `kYaGQS1JrTLasqq4OMJwBZLOMct0` - Page: https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0?style=radialGradient&steps=32&angle=0 - Drawn as: radial gradient, 32 steps, 0 degrees - Kinds: dark center, vivid - Hues: wide - 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 | `#851f1e` | `oklch(40.94% 0.1378 26.02)` | Heirloom Red | white, 9.4 to 1 | | 2 | `#873800` | `oklch(44.16% 0.1227 46.70)` | Coffee Addiction | white, 8.1 to 1 | | 3 | `#7f5800` | `oklch(49.04% 0.1021 78.49)` | Qahvei Brown | white, 6.3 to 1 | | 4 | `#6f7727` | `oklch(54.65% 0.1037 114.96)` | Olive Drab | white, 4.8 to 1 | | 5 | `#579063` | `oklch(60.05% 0.0902 149.68)` | DaVanzo Green | black, 5.5 to 1 | | 6 | `#539d8b` | `oklch(64.29% 0.0793 176.35)` | Derby Green | black, 6.5 to 1 | | 7 | `#5aa29c` | `oklch(66.44% 0.0734 188.60)` | Teal Bayou | black, 7.1 to 1 | | 8 | `#5aa094` | `oklch(65.72% 0.0740 180.88)` | Dull Teal | black, 6.9 to 1 | | 9 | `#5f9673` | `oklch(62.53% 0.0796 155.63)` | Skarsnik Green | black, 6.1 to 1 | | 10 | `#738143` | `oklch(57.82% 0.0886 119.65)` | Thai Basil | black, 4.9 to 1 | | 11 | `#886318` | `oklch(52.51% 0.0994 79.77)` | Kumera | white, 5.4 to 1 | | 12 | `#8e4424` | `oklch(47.54% 0.1103 42.84)` | Madeira Brown | white, 6.9 to 1 | | 13 | `#87303b` | `oklch(43.83% 0.1197 15.70)` | Blood Oath | white, 8.3 to 1 | | 14 | `#812746` | `oklch(42.03% 0.1270 2.91)` | Red Plum | white, 9 to 1 | | 15 | `#81204a` | `oklch(41.33% 0.1355 358.47)` | Burgundy Orchid | white, 9.3 to 1 | | 16 | `#841b48` | `oklch(41.39% 0.1442 0.00)` | Akuma’s Fury | white, 9.4 to 1 | | 17 | `#8b1640` | `oklch(41.97% 0.1517 5.90)` | Refined Chianti | white, 9.2 to 1 | | 18 | `#911533` | `oklch(42.81% 0.1567 14.57)` | Bacchic Burgundy | white, 8.8 to 1 | | 19 | `#951a21` | `oklch(43.67% 0.1576 24.43)` | Quite Red | white, 8.5 to 1 | | 20 | `#952505` | `oklch(44.32% 0.1530 34.62)` | Dark Umber | white, 8.2 to 1 | | 21 | `#863c00` | `oklch(44.75% 0.1184 49.96)` | Gryphonne Sepia Wash | white, 7.8 to 1 | | 22 | `#784a00` | `oklch(45.19% 0.0983 69.34)` | Lucky Brown | white, 7.5 to 1 | | 23 | `#6c5400` | `oklch(45.82% 0.0936 89.64)` | Ayahuasca Vine | white, 7.2 to 1 | | 24 | `#5f5e1e` | `oklch(46.86% 0.0838 107.81)` | Gardener Green | white, 6.7 to 1 | | 25 | `#596538` | `oklch(48.50% 0.0683 120.77)` | Marsh Mix | white, 6.2 to 1 | | 26 | `#5e6c46` | `oklch(50.98% 0.0595 125.50)` | Bonza Green | white, 5.6 to 1 | | 27 | `#6c7650` | `oklch(54.81% 0.0573 120.71)` | Ranger Station | white, 4.8 to 1 | | 28 | `#828359` | `oklch(59.72% 0.0594 108.92)` | Spinach Souffle | black, 5.3 to 1 | | 29 | `#9d8f62` | `oklch(65.11% 0.0642 93.17)` | Pineapple Sage | black, 6.5 to 1 | | 30 | `#b99a6e` | `oklch(70.35% 0.0701 76.48)` | Golden Granola | black, 7.9 to 1 | | 31 | `#d1a37c` | `oklch(74.84% 0.0754 61.89)` | Rhino Tusk | black, 9.2 to 1 | | 32 | `#e0aa89` | `oklch(77.95% 0.0785 52.43)` | New Mexico Mesa | black, 10.2 to 1 | ## CSS ```css background: radial-gradient(circle at 50% 50%, #851f1e 0.0%, #873800 3.2%, #7f5800 6.5%, #6f7727 9.7%, #579063 12.9%, #539d8b 16.1%, #5aa29c 19.4%, #5aa094 22.6%, #5f9673 25.8%, #738143 29.0%, #886318 32.3%, #8e4424 35.5%, #87303b 38.7%, #812746 41.9%, #81204a 45.2%, #841b48 48.4%, #8b1640 51.6%, #911533 54.8%, #951a21 58.1%, #952505 61.3%, #863c00 64.5%, #784a00 67.7%, #6c5400 71.0%, #5f5e1e 74.2%, #596538 77.4%, #5e6c46 80.6%, #6c7650 83.9%, #828359 87.1%, #9d8f62 90.3%, #b99a6e 93.5%, #d1a37c 96.8%, #e0aa89 100.0%); background: radial-gradient(circle at 50% 50% in oklch, oklch(40.94% 0.1378 26.02) 0.0%, oklch(44.16% 0.1227 46.70) 3.2%, oklch(49.04% 0.1021 78.49) 6.5%, oklch(54.65% 0.1037 114.96) 9.7%, oklch(60.05% 0.0902 149.68) 12.9%, oklch(64.29% 0.0793 176.35) 16.1%, oklch(66.44% 0.0734 188.60) 19.4%, oklch(65.72% 0.0740 180.88) 22.6%, oklch(62.53% 0.0796 155.63) 25.8%, oklch(57.82% 0.0886 119.65) 29.0%, oklch(52.51% 0.0994 79.77) 32.3%, oklch(47.54% 0.1103 42.84) 35.5%, oklch(43.83% 0.1197 15.70) 38.7%, oklch(42.03% 0.1270 2.91) 41.9%, oklch(41.33% 0.1355 358.47) 45.2%, oklch(41.39% 0.1442 0.00) 48.4%, oklch(41.97% 0.1517 5.90) 51.6%, oklch(42.81% 0.1567 14.57) 54.8%, oklch(43.67% 0.1576 24.43) 58.1%, oklch(44.32% 0.1530 34.62) 61.3%, oklch(44.75% 0.1184 49.96) 64.5%, oklch(45.19% 0.0983 69.34) 67.7%, oklch(45.82% 0.0936 89.64) 71.0%, oklch(46.86% 0.0838 107.81) 74.2%, oklch(48.50% 0.0683 120.77) 77.4%, oklch(50.98% 0.0595 125.50) 80.6%, oklch(54.81% 0.0573 120.71) 83.9%, oklch(59.72% 0.0594 108.92) 87.1%, oklch(65.11% 0.0642 93.17) 90.3%, oklch(70.35% 0.0701 76.48) 93.5%, oklch(74.84% 0.0754 61.89) 96.8%, oklch(77.95% 0.0785 52.43) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.409 | 0.138 | 26 | | 2 | 0.665 | 0.073 | 188.8 | | 3 | 0.429 | 0.123 | 9.1 | | 4 | 0.441 | 0.156 | 30.2 | | 5 | 0.504 | 0.061 | 125.4 | | 6 | 0.78 | 0.079 | 52.4 | ## Other forms - [JSON](https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0.json?style=radialGradient&steps=32&angle=0) - [PNG](https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0.png?style=radialGradient&steps=32&angle=0) - [SVG](https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0.svg?style=radialGradient&steps=32&angle=0) - [CSS](https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0.css?style=radialGradient&steps=32&angle=0) - [ASE](https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0.ase?style=radialGradient&steps=32&angle=0) - [GPL](https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0.gpl?style=radialGradient&steps=32&angle=0) - [GRD](https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0.grd?style=radialGradient&steps=32&angle=0) - [Design tokens](https://grabient.com/kYaGQS1JrTLasqq4OMJwBZLOMct0.tokens.json?style=radialGradient&steps=32&angle=0) - [Social card](https://grabient.com/api/og?seed=kYaGQS1JrTLasqq4OMJwBZLOMct0&style=radialGradient&steps=32&angle=0) - [Palettes like this one](https://grabient.com/palettes?q=kYaGQS1JrTLasqq4OMJwBZLOMct0) - [Guide for agents](https://grabient.com/llms.txt)