#8C4646 - #DECACA | 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 #8C4646 to #DECACA

#8C4646 #DECACA

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

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

0.0%	0.0% #8C4646	RGB 140 70 70	#8C4646
16.7%	16.7% #995C5C	RGB 153 92 92	#995C5C
33.3%	33.3% #A77272	RGB 167 114 114	#A77272
50.0%	50.0% #B58888	RGB 181 136 136	#B58888
66.7%	66.7% #C29E9E	RGB 194 158 158	#C29E9E
83.3%	83.3% #D0B4B4	RGB 208 180 180	#D0B4B4
100.0%	100.0% #DECACA	RGB 222 202 202	#DECACA

#8C4646 #995C5C #A77272 #B58888 #C29E9E #D0B4B4 #DECACA

#8C4646 - #DECACA

HSV Blend

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

0.0%	0.0% #8C4646	RGB 140 70 70	#8C4646
16.7%	16.7% #995757	RGB 153 87 87	#995757
33.3%	33.3% #A76A6A	RGB 167 106 106	#A76A6A
50.0%	50.0% #B57F7F	RGB 181 127 127	#B57F7F
66.7%	66.7% #C29696	RGB 194 150 150	#C29696
83.3%	83.3% #D0AFAF	RGB 208 175 175	#D0AFAF
100.0%	100.0% #DECACA	RGB 222 202 202	#DECACA

#8C4646 #995757 #A76A6A #B57F7F #C29696 #D0AFAF #DECACA

#8C4646 - #B57F7F - #DECACA

CSS codes

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

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