#D4D9C9 - #3C3E39 | 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 #D4D9C9 to #3C3E39

#D4D9C9 #3C3E39

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

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

0.0%	0.0% #D4D9C9	RGB 212 217 201	#D4D9C9
16.7%	16.7% #BABFB1	RGB 186 191 177	#BABFB1
33.3%	33.3% #A1A599	RGB 161 165 153	#A1A599
50.0%	50.0% #888B81	RGB 136 139 129	#888B81
66.7%	66.7% #6E7169	RGB 110 113 105	#6E7169
83.3%	83.3% #555751	RGB 85 87 81	#555751
100.0%	100.0% #3C3E39	RGB 60 62 57	#3C3E39

#D4D9C9 #BABFB1 #A1A599 #888B81 #6E7169 #555751 #3C3E39

#D4D9C9 - #3C3E39

HSV Blend

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

0.0%	0.0% #D4D9C9	RGB 212 217 201	#D4D9C9
16.7%	16.7% #BABFB0	RGB 186 191 176	#BABFB0
33.3%	33.3% #A1A598	RGB 161 165 152	#A1A598
50.0%	50.0% #878B80	RGB 135 139 128	#878B80
66.7%	66.7% #6E7168	RGB 110 113 104	#6E7168
83.3%	83.3% #555750	RGB 85 87 80	#555750
100.0%	100.0% #3C3E39	RGB 60 62 57	#3C3E39

#D4D9C9 #BABFB0 #A1A598 #878B80 #6E7168 #555750 #3C3E39

#D4D9C9 - #878B80 - #3C3E39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4D9C9 0%, #878B80 50%, #3C3E39 100%);
    background: -webkit-linear-gradient(top, #D4D9C9 0%, #878B80 50%, #3C3E39 100%);
    background: linear-gradient(to bottom, #D4D9C9 0%, #878B80 50%, #3C3E39 100%);
}
</style>