#DDD3C9 - #BF9577 | 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 #DDD3C9 to #BF9577

#DDD3C9 #BF9577

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

#DDD3C9 - #BF9577 | 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 #DDD3C9 as 0% and #BF9577 as 100%.

0.0%	0.0% #DDD3C9	RGB 221 211 201	#DDD3C9
16.7%	16.7% #D8C8BB	RGB 216 200 187	#D8C8BB
33.3%	33.3% #D3BEAD	RGB 211 190 173	#D3BEAD
50.0%	50.0% #CEB4A0	RGB 206 180 160	#CEB4A0
66.7%	66.7% #C9A992	RGB 201 169 146	#C9A992
83.3%	83.3% #C49F84	RGB 196 159 132	#C49F84
100.0%	100.0% #BF9577	RGB 191 149 119	#BF9577

#DDD3C9 #D8C8BB #D3BEAD #CEB4A0 #C9A992 #C49F84 #BF9577

#DDD3C9 - #BF9577

HSV Blend

#DDD3C9 - #BF9577 | 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 #DDD3C9 as 0% and #BF9577 as 100%.

0.0%	0.0% #DDD3C9	RGB 221 211 201	#DDD3C9
16.7%	16.7% #D8C8BA	RGB 216 200 186	#D8C8BA
33.3%	33.3% #D3BEAB	RGB 211 190 171	#D3BEAB
50.0%	50.0% #CEB39D	RGB 206 179 157	#CEB39D
66.7%	66.7% #C9A990	RGB 201 169 144	#C9A990
83.3%	83.3% #C49F83	RGB 196 159 131	#C49F83
100.0%	100.0% #BF9577	RGB 191 149 119	#BF9577

#DDD3C9 #D8C8BA #D3BEAB #CEB39D #C9A990 #C49F83 #BF9577

#DDD3C9 - #CEB39D - #BF9577

CSS codes

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

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