#DDDAD8 - #BC9F8B | 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 #DDDAD8 to #BC9F8B

#DDDAD8 #BC9F8B

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

#DDDAD8 - #BC9F8B | 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 #DDDAD8 as 0% and #BC9F8B as 100%.

0.0%	0.0% #DDDAD8	RGB 221 218 216	#DDDAD8
16.7%	16.7% #D7D0CB	RGB 215 208 203	#D7D0CB
33.3%	33.3% #D2C6BE	RGB 210 198 190	#D2C6BE
50.0%	50.0% #CCBCB1	RGB 204 188 177	#CCBCB1
66.7%	66.7% #C7B2A4	RGB 199 178 164	#C7B2A4
83.3%	83.3% #C1A897	RGB 193 168 151	#C1A897
100.0%	100.0% #BC9F8B	RGB 188 159 139	#BC9F8B

#DDDAD8 #D7D0CB #D2C6BE #CCBCB1 #C7B2A4 #C1A897 #BC9F8B

#DDDAD8 - #BC9F8B

HSV Blend

#DDDAD8 - #BC9F8B | 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 #DDDAD8 as 0% and #BC9F8B as 100%.

0.0%	0.0% #DDDAD8	RGB 221 218 216	#DDDAD8
16.7%	16.7% #D7CFCA	RGB 215 207 202	#D7CFCA
33.3%	33.3% #D2C5BC	RGB 210 197 188	#D2C5BC
50.0%	50.0% #CCBBAF	RGB 204 187 175	#CCBBAF
66.7%	66.7% #C7B1A2	RGB 199 177 162	#C7B1A2
83.3%	83.3% #C1A896	RGB 193 168 150	#C1A896
100.0%	100.0% #BC9F8B	RGB 188 159 139	#BC9F8B

#DDDAD8 #D7CFCA #D2C5BC #CCBBAF #C7B1A2 #C1A896 #BC9F8B

#DDDAD8 - #CCBBAF - #BC9F8B

CSS codes

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

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