#D8C9CD - #E8CFED | 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 #D8C9CD to #E8CFED

#D8C9CD #E8CFED

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

#D8C9CD - #E8CFED | 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 #D8C9CD as 0% and #E8CFED as 100%.

0.0%	0.0% #D8C9CD	RGB 216 201 205	#D8C9CD
16.7%	16.7% #DACAD2	RGB 218 202 210	#DACAD2
33.3%	33.3% #DDCBD7	RGB 221 203 215	#DDCBD7
50.0%	50.0% #E0CCDD	RGB 224 204 221	#E0CCDD
66.7%	66.7% #E2CDE2	RGB 226 205 226	#E2CDE2
83.3%	83.3% #E5CEE7	RGB 229 206 231	#E5CEE7
100.0%	100.0% #E8CFED	RGB 232 207 237	#E8CFED

#D8C9CD #DACAD2 #DDCBD7 #E0CCDD #E2CDE2 #E5CEE7 #E8CFED

#D8C9CD - #E8CFED

HSV Blend

#D8C9CD - #E8CFED | 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 #D8C9CD as 0% and #E8CFED as 100%.

0.0%	0.0% #D8C9CD	RGB 216 201 205	#D8C9CD
16.7%	16.7% #DBCAD1	RGB 219 202 209	#DBCAD1
33.3%	33.3% #DFCBD6	RGB 223 203 214	#DFCBD6
50.0%	50.0% #E2CCDC	RGB 226 204 220	#E2CCDC
66.7%	66.7% #E6CDE2	RGB 230 205 226	#E6CDE2
83.3%	83.3% #E9CEE9	RGB 233 206 233	#E9CEE9
100.0%	100.0% #E8CFED	RGB 232 207 237	#E8CFED

#D8C9CD #DBCAD1 #DFCBD6 #E2CCDC #E6CDE2 #E9CEE9 #E8CFED

#D8C9CD - #E2CCDC - #E8CFED

CSS codes

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

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