#D4D19E - #3C3B2D | 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 #D4D19E to #3C3B2D

#D4D19E #3C3B2D

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

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

0.0%	0.0% #D4D19E	RGB 212 209 158	#D4D19E
16.7%	16.7% #BAB88B	RGB 186 184 139	#BAB88B
33.3%	33.3% #A19F78	RGB 161 159 120	#A19F78
50.0%	50.0% #888665	RGB 136 134 101	#888665
66.7%	66.7% #6E6D52	RGB 110 109 82	#6E6D52
83.3%	83.3% #55543F	RGB 85 84 63	#55543F
100.0%	100.0% #3C3B2D	RGB 60 59 45	#3C3B2D

#D4D19E #BAB88B #A19F78 #888665 #6E6D52 #55543F #3C3B2D

#D4D19E - #3C3B2D

HSV Blend

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

0.0%	0.0% #D4D19E	RGB 212 209 158	#D4D19E
16.7%	16.7% #BAB78B	RGB 186 183 139	#BAB78B
33.3%	33.3% #A19E78	RGB 161 158 120	#A19E78
50.0%	50.0% #888565	RGB 136 133 101	#888565
66.7%	66.7% #6E6C52	RGB 110 108 82	#6E6C52
83.3%	83.3% #55533F	RGB 85 83 63	#55533F
100.0%	100.0% #3C3B2D	RGB 60 59 45	#3C3B2D

#D4D19E #BAB78B #A19E78 #888565 #6E6C52 #55533F #3C3B2D

#D4D19E - #888565 - #3C3B2D

CSS codes

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

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