#DCD3C3 - #BC9870 | 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 #DCD3C3 to #BC9870

#DCD3C3 #BC9870

Calculate the color between two colors, #DCD3C3 and #BC9870. 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)

#DCD3C3 - #BC9870 | 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 #DCD3C3 as 0% and #BC9870 as 100%.

0.0%	0.0% #DCD3C3	RGB 220 211 195	#DCD3C3
16.7%	16.7% #D6C9B5	RGB 214 201 181	#D6C9B5
33.3%	33.3% #D1BFA7	RGB 209 191 167	#D1BFA7
50.0%	50.0% #CCB599	RGB 204 181 153	#CCB599
66.7%	66.7% #C6AB8B	RGB 198 171 139	#C6AB8B
83.3%	83.3% #C1A17D	RGB 193 161 125	#C1A17D
100.0%	100.0% #BC9870	RGB 188 152 112	#BC9870

#DCD3C3 #D6C9B5 #D1BFA7 #CCB599 #C6AB8B #C1A17D #BC9870

#DCD3C3 - #BC9870

HSV Blend

#DCD3C3 - #BC9870 | 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 #DCD3C3 as 0% and #BC9870 as 100%.

0.0%	0.0% #DCD3C3	RGB 220 211 195	#DCD3C3
16.7%	16.7% #D6C9B3	RGB 214 201 179	#D6C9B3
33.3%	33.3% #D1BFA5	RGB 209 191 165	#D1BFA5
50.0%	50.0% #CCB597	RGB 204 181 151	#CCB597
66.7%	66.7% #C6AC89	RGB 198 172 137	#C6AC89
83.3%	83.3% #C1A27C	RGB 193 162 124	#C1A27C
100.0%	100.0% #BC9870	RGB 188 152 112	#BC9870

#DCD3C3 #D6C9B3 #D1BFA5 #CCB597 #C6AC89 #C1A27C #BC9870

#DCD3C3 - #CCB597 - #BC9870

CSS codes

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

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