#8C4F4D - #DECCCC | 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 #8C4F4D to #DECCCC

#8C4F4D #DECCCC

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

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

0.0%	0.0% #8C4F4D	RGB 140 79 77	#8C4F4D
16.7%	16.7% #996362	RGB 153 99 98	#996362
33.3%	33.3% #A77877	RGB 167 120 119	#A77877
50.0%	50.0% #B58D8C	RGB 181 141 140	#B58D8C
66.7%	66.7% #C2A2A1	RGB 194 162 161	#C2A2A1
83.3%	83.3% #D0B7B6	RGB 208 183 182	#D0B7B6
100.0%	100.0% #DECCCC	RGB 222 204 204	#DECCCC

#8C4F4D #996362 #A77877 #B58D8C #C2A2A1 #D0B7B6 #DECCCC

#8C4F4D - #DECCCC

HSV Blend

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

0.0%	0.0% #8C4F4D	RGB 140 79 77	#8C4F4D
16.7%	16.7% #995F5D	RGB 153 95 93	#995F5D
33.3%	33.3% #A77170	RGB 167 113 112	#A77170
50.0%	50.0% #B58584	RGB 181 133 132	#B58584
66.7%	66.7% #C29B9A	RGB 194 155 154	#C29B9A
83.3%	83.3% #D0B2B2	RGB 208 178 178	#D0B2B2
100.0%	100.0% #DECCCC	RGB 222 204 204	#DECCCC

#8C4F4D #995F5D #A77170 #B58584 #C29B9A #D0B2B2 #DECCCC

#8C4F4D - #B58584 - #DECCCC

CSS codes

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

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