#DDD1AC - #BC9957 | 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 #DDD1AC to #BC9957

#DDD1AC #BC9957

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

#DDD1AC - #BC9957 | 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 #DDD1AC as 0% and #BC9957 as 100%.

0.0%	0.0% #DDD1AC	RGB 221 209 172	#DDD1AC
16.7%	16.7% #D7C79D	RGB 215 199 157	#D7C79D
33.3%	33.3% #D2BE8F	RGB 210 190 143	#D2BE8F
50.0%	50.0% #CCB581	RGB 204 181 129	#CCB581
66.7%	66.7% #C7AB73	RGB 199 171 115	#C7AB73
83.3%	83.3% #C1A265	RGB 193 162 101	#C1A265
100.0%	100.0% #BC9957	RGB 188 153 87	#BC9957

#DDD1AC #D7C79D #D2BE8F #CCB581 #C7AB73 #C1A265 #BC9957

#DDD1AC - #BC9957

HSV Blend

#DDD1AC - #BC9957 | 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 #DDD1AC as 0% and #BC9957 as 100%.

0.0%	0.0% #DDD1AC	RGB 221 209 172	#DDD1AC
16.7%	16.7% #D7C89C	RGB 215 200 156	#D7C89C
33.3%	33.3% #D2BE8D	RGB 210 190 141	#D2BE8D
50.0%	50.0% #CCB57E	RGB 204 181 126	#CCB57E
66.7%	66.7% #C7AC71	RGB 199 172 113	#C7AC71
83.3%	83.3% #C1A263	RGB 193 162 99	#C1A263
100.0%	100.0% #BC9957	RGB 188 153 87	#BC9957

#DDD1AC #D7C89C #D2BE8D #CCB57E #C7AC71 #C1A263 #BC9957

#DDD1AC - #CCB57E - #BC9957

CSS codes

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

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