#8C472B - #DECAC2 | 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 #8C472B to #DECAC2

#8C472B #DECAC2

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

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

0.0%	0.0% #8C472B	RGB 140 71 43	#8C472B
16.7%	16.7% #995C44	RGB 153 92 68	#995C44
33.3%	33.3% #A7725D	RGB 167 114 93	#A7725D
50.0%	50.0% #B58876	RGB 181 136 118	#B58876
66.7%	66.7% #C29E8F	RGB 194 158 143	#C29E8F
83.3%	83.3% #D0B4A8	RGB 208 180 168	#D0B4A8
100.0%	100.0% #DECAC2	RGB 222 202 194	#DECAC2

#8C472B #995C44 #A7725D #B58876 #C29E8F #D0B4A8 #DECAC2

#8C472B - #DECAC2

HSV Blend

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

0.0%	0.0% #8C472B	RGB 140 71 43	#8C472B
16.7%	16.7% #99583D	RGB 153 88 61	#99583D
33.3%	33.3% #A76B53	RGB 167 107 83	#A76B53
50.0%	50.0% #B5806A	RGB 181 128 106	#B5806A
66.7%	66.7% #C29685	RGB 194 150 133	#C29685
83.3%	83.3% #D0AFA2	RGB 208 175 162	#D0AFA2
100.0%	100.0% #DECAC2	RGB 222 202 194	#DECAC2

#8C472B #99583D #A76B53 #B5806A #C29685 #D0AFA2 #DECAC2

#8C472B - #B5806A - #DECAC2

CSS codes

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

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