#DDDAD8 - #C09C8B | 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 #C09C8B

#DDDAD8 #C09C8B

Calculate the color between two colors, #DDDAD8 and #C09C8B. 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 - #C09C8B | 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 #C09C8B as 100%.

0.0%	0.0% #DDDAD8	RGB 221 218 216	#DDDAD8
16.7%	16.7% #D8CFCB	RGB 216 207 203	#D8CFCB
33.3%	33.3% #D3C5BE	RGB 211 197 190	#D3C5BE
50.0%	50.0% #CEBBB1	RGB 206 187 177	#CEBBB1
66.7%	66.7% #C9B0A4	RGB 201 176 164	#C9B0A4
83.3%	83.3% #C4A697	RGB 196 166 151	#C4A697
100.0%	100.0% #C09C8B	RGB 192 156 139	#C09C8B

#DDDAD8 #D8CFCB #D3C5BE #CEBBB1 #C9B0A4 #C4A697 #C09C8B

#DDDAD8 - #C09C8B

HSV Blend

#DDDAD8 - #C09C8B | 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 #C09C8B as 100%.

0.0%	0.0% #DDDAD8	RGB 221 218 216	#DDDAD8
16.7%	16.7% #D8CFCA	RGB 216 207 202	#D8CFCA
33.3%	33.3% #D3C5BC	RGB 211 197 188	#D3C5BC
50.0%	50.0% #CEBAAF	RGB 206 186 175	#CEBAAF
66.7%	66.7% #C9B0A3	RGB 201 176 163	#C9B0A3
83.3%	83.3% #C4A696	RGB 196 166 150	#C4A696
100.0%	100.0% #C09C8B	RGB 192 156 139	#C09C8B

#DDDAD8 #D8CFCA #D3C5BC #CEBAAF #C9B0A3 #C4A696 #C09C8B

#DDDAD8 - #CEBAAF - #C09C8B

CSS codes

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

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