#D4C8D1 - #DBCDEC | 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 #D4C8D1 to #DBCDEC

#D4C8D1 #DBCDEC

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

#D4C8D1 - #DBCDEC | 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 #D4C8D1 as 0% and #DBCDEC as 100%.

0.0%	0.0% #D4C8D1	RGB 212 200 209	#D4C8D1
16.7%	16.7% #D5C8D5	RGB 213 200 213	#D5C8D5
33.3%	33.3% #D6C9DA	RGB 214 201 218	#D6C9DA
50.0%	50.0% #D7CADE	RGB 215 202 222	#D7CADE
66.7%	66.7% #D8CBE3	RGB 216 203 227	#D8CBE3
83.3%	83.3% #D9CCE7	RGB 217 204 231	#D9CCE7
100.0%	100.0% #DBCDEC	RGB 219 205 236	#DBCDEC

#D4C8D1 #D5C8D5 #D6C9DA #D7CADE #D8CBE3 #D9CCE7 #DBCDEC

#D4C8D1 - #DBCDEC

HSV Blend

#D4C8D1 - #DBCDEC | 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 #D4C8D1 as 0% and #DBCDEC as 100%.

0.0%	0.0% #D4C8D1	RGB 212 200 209	#D4C8D1
16.7%	16.7% #D8C9D6	RGB 216 201 214	#D8C9D6
33.3%	33.3% #DBCADC	RGB 219 202 220	#DBCADC
50.0%	50.0% #DCCAE0	RGB 220 202 224	#DCCAE0
66.7%	66.7% #DDCBE4	RGB 221 203 228	#DDCBE4
83.3%	83.3% #DCCCE8	RGB 220 204 232	#DCCCE8
100.0%	100.0% #DBCDEC	RGB 219 205 236	#DBCDEC

#D4C8D1 #D8C9D6 #DBCADC #DCCAE0 #DDCBE4 #DCCCE8 #DBCDEC

#D4C8D1 - #DCCAE0 - #DBCDEC

CSS codes

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

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