#5C5E1C - #AD8372 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #5C5E1C to #AD8372

#5C5E1C #AD8372

Calculate the color between two colors, #5C5E1C and #AD8372. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#5C5E1C - #AD8372 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #5C5E1C as 0% and #AD8372 as 100%.

0.0%	0.0% #5C5E1C	RGB 92 94 28	#5C5E1C
16.7%	16.7% #69642A	RGB 105 100 42	#69642A
33.3%	33.3% #776A38	RGB 119 106 56	#776A38
50.0%	50.0% #847047	RGB 132 112 71	#847047
66.7%	66.7% #927655	RGB 146 118 85	#927655
83.3%	83.3% #9F7C63	RGB 159 124 99	#9F7C63
100.0%	100.0% #AD8372	RGB 173 131 114	#AD8372

#5C5E1C #69642A #776A38 #847047 #927655 #9F7C63 #AD8372

#5C5E1C - #AD8372

HSV Blend

#5C5E1C - #AD8372 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #5C5E1C as 0% and #AD8372 as 100%.

0.0%	0.0% #5C5E1C	RGB 92 94 28	#5C5E1C
16.7%	16.7% #6B6426	RGB 107 100 38	#6B6426
33.3%	33.3% #786932	RGB 120 105 50	#786932
50.0%	50.0% #856D3F	RGB 133 109 63	#856D3F
66.7%	66.7% #92734E	RGB 146 115 78	#92734E
83.3%	83.3% #9F7A5F	RGB 159 122 95	#9F7A5F
100.0%	100.0% #AD8372	RGB 173 131 114	#AD8372

#5C5E1C #6B6426 #786932 #856D3F #92734E #9F7A5F #AD8372

#5C5E1C - #856D3F - #AD8372

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E1C 0%, #AD8372 100%);
    background: -webkit-linear-gradient(top, #5C5E1C 0%, #AD8372 100%);
    background: linear-gradient(to bottom, #5C5E1C 0%, #AD8372 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E1C 0%, #856D3F 50%, #AD8372 100%);
    background: -webkit-linear-gradient(top, #5C5E1C 0%, #856D3F 50%, #AD8372 100%);
    background: linear-gradient(to bottom, #5C5E1C 0%, #856D3F 50%, #AD8372 100%);
}
</style>