#E8C5DC - #DDCFEA | 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 #E8C5DC to #DDCFEA

#E8C5DC #DDCFEA

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

#E8C5DC - #DDCFEA | 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 #E8C5DC as 0% and #DDCFEA as 100%.

0.0%	0.0% #E8C5DC	RGB 232 197 220	#E8C5DC
16.7%	16.7% #E6C6DE	RGB 230 198 222	#E6C6DE
33.3%	33.3% #E4C8E0	RGB 228 200 224	#E4C8E0
50.0%	50.0% #E2CAE3	RGB 226 202 227	#E2CAE3
66.7%	66.7% #E0CBE5	RGB 224 203 229	#E0CBE5
83.3%	83.3% #DECDE7	RGB 222 205 231	#DECDE7
100.0%	100.0% #DDCFEA	RGB 221 207 234	#DDCFEA

#E8C5DC #E6C6DE #E4C8E0 #E2CAE3 #E0CBE5 #DECDE7 #DDCFEA

#E8C5DC - #DDCFEA

HSV Blend

#E8C5DC - #DDCFEA | 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 #E8C5DC as 0% and #DDCFEA as 100%.

0.0%	0.0% #E8C5DC	RGB 232 197 220	#E8C5DC
16.7%	16.7% #E8C6E1	RGB 232 198 225	#E8C6E1
33.3%	33.3% #E8C8E6	RGB 232 200 230	#E8C8E6
50.0%	50.0% #E6C9E9	RGB 230 201 233	#E6C9E9
66.7%	66.7% #E3CBE9	RGB 227 203 233	#E3CBE9
83.3%	83.3% #DFCDE9	RGB 223 205 233	#DFCDE9
100.0%	100.0% #DDCFEA	RGB 221 207 234	#DDCFEA

#E8C5DC #E8C6E1 #E8C8E6 #E6C9E9 #E3CBE9 #DFCDE9 #DDCFEA

#E8C5DC - #E6C9E9 - #DDCFEA

CSS codes

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

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