#D4C8CD - #E4CDEC | 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 #D4C8CD to #E4CDEC

#D4C8CD #E4CDEC

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

#D4C8CD - #E4CDEC | 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 #D4C8CD as 0% and #E4CDEC as 100%.

0.0%	0.0% #D4C8CD	RGB 212 200 205	#D4C8CD
16.7%	16.7% #D6C8D2	RGB 214 200 210	#D6C8D2
33.3%	33.3% #D9C9D7	RGB 217 201 215	#D9C9D7
50.0%	50.0% #DCCADC	RGB 220 202 220	#DCCADC
66.7%	66.7% #DECBE1	RGB 222 203 225	#DECBE1
83.3%	83.3% #E1CCE6	RGB 225 204 230	#E1CCE6
100.0%	100.0% #E4CDEC	RGB 228 205 236	#E4CDEC

#D4C8CD #D6C8D2 #D9C9D7 #DCCADC #DECBE1 #E1CCE6 #E4CDEC

#D4C8CD - #E4CDEC

HSV Blend

#D4C8CD - #E4CDEC | 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 #D4C8CD as 0% and #E4CDEC as 100%.

0.0%	0.0% #D4C8CD	RGB 212 200 205	#D4C8CD
16.7%	16.7% #D8C9D1	RGB 216 201 209	#D8C9D1
33.3%	33.3% #DCCAD6	RGB 220 202 214	#DCCAD6
50.0%	50.0% #E0CADC	RGB 224 202 220	#E0CADC
66.7%	66.7% #E4CBE3	RGB 228 203 227	#E4CBE3
83.3%	83.3% #E4CCE8	RGB 228 204 232	#E4CCE8
100.0%	100.0% #E4CDEC	RGB 228 205 236	#E4CDEC

#D4C8CD #D8C9D1 #DCCAD6 #E0CADC #E4CBE3 #E4CCE8 #E4CDEC

#D4C8CD - #E0CADC - #E4CDEC

CSS codes

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

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