#D4AB9A - #3C302C | 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 #D4AB9A to #3C302C

#D4AB9A #3C302C

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

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

0.0%	0.0% #D4AB9A	RGB 212 171 154	#D4AB9A
16.7%	16.7% #BA9687	RGB 186 150 135	#BA9687
33.3%	33.3% #A18275	RGB 161 130 117	#A18275
50.0%	50.0% #886D63	RGB 136 109 99	#886D63
66.7%	66.7% #6E5950	RGB 110 89 80	#6E5950
83.3%	83.3% #55443E	RGB 85 68 62	#55443E
100.0%	100.0% #3C302C	RGB 60 48 44	#3C302C

#D4AB9A #BA9687 #A18275 #886D63 #6E5950 #55443E #3C302C

#D4AB9A - #3C302C

HSV Blend

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

0.0%	0.0% #D4AB9A	RGB 212 171 154	#D4AB9A
16.7%	16.7% #BA9687	RGB 186 150 135	#BA9687
33.3%	33.3% #A18175	RGB 161 129 117	#A18175
50.0%	50.0% #886D63	RGB 136 109 99	#886D63
66.7%	66.7% #6E5850	RGB 110 88 80	#6E5850
83.3%	83.3% #55443E	RGB 85 68 62	#55443E
100.0%	100.0% #3C302C	RGB 60 48 44	#3C302C

#D4AB9A #BA9687 #A18175 #886D63 #6E5850 #55443E #3C302C

#D4AB9A - #886D63 - #3C302C

CSS codes

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

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