#8C4A2F - #DECBC3 | 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 #8C4A2F to #DECBC3

#8C4A2F #DECBC3

Calculate the color between two colors, #8C4A2F and #DECBC3. 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)

#8C4A2F - #DECBC3 | 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 #8C4A2F as 0% and #DECBC3 as 100%.

0.0%	0.0% #8C4A2F	RGB 140 74 47	#8C4A2F
16.7%	16.7% #995F47	RGB 153 95 71	#995F47
33.3%	33.3% #A77560	RGB 167 117 96	#A77560
50.0%	50.0% #B58A79	RGB 181 138 121	#B58A79
66.7%	66.7% #C2A091	RGB 194 160 145	#C2A091
83.3%	83.3% #D0B5AA	RGB 208 181 170	#D0B5AA
100.0%	100.0% #DECBC3	RGB 222 203 195	#DECBC3

#8C4A2F #995F47 #A77560 #B58A79 #C2A091 #D0B5AA #DECBC3

#8C4A2F - #DECBC3

HSV Blend

#8C4A2F - #DECBC3 | 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 #8C4A2F as 0% and #DECBC3 as 100%.

0.0%	0.0% #8C4A2F	RGB 140 74 47	#8C4A2F
16.7%	16.7% #995B41	RGB 153 91 65	#995B41
33.3%	33.3% #A76E56	RGB 167 110 86	#A76E56
50.0%	50.0% #B5826D	RGB 181 130 109	#B5826D
66.7%	66.7% #C29987	RGB 194 153 135	#C29987
83.3%	83.3% #D0B1A4	RGB 208 177 164	#D0B1A4
100.0%	100.0% #DECBC3	RGB 222 203 195	#DECBC3

#8C4A2F #995B41 #A76E56 #B5826D #C29987 #D0B1A4 #DECBC3

#8C4A2F - #B5826D - #DECBC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C4A2F 0%, #B5826D 50%, #DECBC3 100%);
    background: -webkit-linear-gradient(top, #8C4A2F 0%, #B5826D 50%, #DECBC3 100%);
    background: linear-gradient(to bottom, #8C4A2F 0%, #B5826D 50%, #DECBC3 100%);
}
</style>