#D9C0AD - #DCDADC | 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 #D9C0AD to #DCDADC

#D9C0AD #DCDADC

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

#D9C0AD - #DCDADC | 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 #D9C0AD as 0% and #DCDADC as 100%.

0.0%	0.0% #D9C0AD	RGB 217 192 173	#D9C0AD
16.7%	16.7% #D9C4B4	RGB 217 196 180	#D9C4B4
33.3%	33.3% #DAC8BC	RGB 218 200 188	#DAC8BC
50.0%	50.0% #DACDC4	RGB 218 205 196	#DACDC4
66.7%	66.7% #DBD1CC	RGB 219 209 204	#DBD1CC
83.3%	83.3% #DBD5D4	RGB 219 213 212	#DBD5D4
100.0%	100.0% #DCDADC	RGB 220 218 220	#DCDADC

#D9C0AD #D9C4B4 #DAC8BC #DACDC4 #DBD1CC #DBD5D4 #DCDADC

#D9C0AD - #DCDADC

HSV Blend

#D9C0AD - #DCDADC | 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 #D9C0AD as 0% and #DCDADC as 100%.

0.0%	0.0% #D9C0AD	RGB 217 192 173	#D9C0AD
16.7%	16.7% #D9BBB4	RGB 217 187 180	#D9BBB4
33.3%	33.3% #DABBBD	RGB 218 187 189	#DABBBD
50.0%	50.0% #DAC3C9	RGB 218 195 201	#DAC3C9
66.7%	66.7% #DBCAD3	RGB 219 202 211	#DBCAD3
83.3%	83.3% #DBD2D9	RGB 219 210 217	#DBD2D9
100.0%	100.0% #DCDADC	RGB 220 218 220	#DCDADC

#D9C0AD #D9BBB4 #DABBBD #DAC3C9 #DBCAD3 #DBD2D9 #DCDADC

#D9C0AD - #DAC3C9 - #DCDADC

CSS codes

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

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