#D4ABAB - #3C3030 | 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 #D4ABAB to #3C3030

#D4ABAB #3C3030

Calculate the color between two colors, #D4ABAB and #3C3030. 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)

#D4ABAB - #3C3030 | 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 #D4ABAB as 0% and #3C3030 as 100%.

0.0%	0.0% #D4ABAB	RGB 212 171 171	#D4ABAB
16.7%	16.7% #BA9696	RGB 186 150 150	#BA9696
33.3%	33.3% #A18282	RGB 161 130 130	#A18282
50.0%	50.0% #886D6D	RGB 136 109 109	#886D6D
66.7%	66.7% #6E5959	RGB 110 89 89	#6E5959
83.3%	83.3% #554444	RGB 85 68 68	#554444
100.0%	100.0% #3C3030	RGB 60 48 48	#3C3030

#D4ABAB #BA9696 #A18282 #886D6D #6E5959 #554444 #3C3030

#D4ABAB - #3C3030

HSV Blend

#D4ABAB - #3C3030 | 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 #D4ABAB as 0% and #3C3030 as 100%.

0.0%	0.0% #D4ABAB	RGB 212 171 171	#D4ABAB
16.7%	16.7% #BA9696	RGB 186 150 150	#BA9696
33.3%	33.3% #A18181	RGB 161 129 129	#A18181
50.0%	50.0% #886D6D	RGB 136 109 109	#886D6D
66.7%	66.7% #6E5858	RGB 110 88 88	#6E5858
83.3%	83.3% #554444	RGB 85 68 68	#554444
100.0%	100.0% #3C3030	RGB 60 48 48	#3C3030

#D4ABAB #BA9696 #A18181 #886D6D #6E5858 #554444 #3C3030

#D4ABAB - #886D6D - #3C3030

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4ABAB 0%, #886D6D 50%, #3C3030 100%);
    background: -webkit-linear-gradient(top, #D4ABAB 0%, #886D6D 50%, #3C3030 100%);
    background: linear-gradient(to bottom, #D4ABAB 0%, #886D6D 50%, #3C3030 100%);
}
</style>