#EBC7DC - #E2D1EA | 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 #EBC7DC to #E2D1EA

#EBC7DC #E2D1EA

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

#EBC7DC - #E2D1EA | 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 #EBC7DC as 0% and #E2D1EA as 100%.

0.0%	0.0% #EBC7DC	RGB 235 199 220	#EBC7DC
16.7%	16.7% #E9C8DE	RGB 233 200 222	#E9C8DE
33.3%	33.3% #E8CAE0	RGB 232 202 224	#E8CAE0
50.0%	50.0% #E6CCE3	RGB 230 204 227	#E6CCE3
66.7%	66.7% #E5CDE5	RGB 229 205 229	#E5CDE5
83.3%	83.3% #E3CFE7	RGB 227 207 231	#E3CFE7
100.0%	100.0% #E2D1EA	RGB 226 209 234	#E2D1EA

#EBC7DC #E9C8DE #E8CAE0 #E6CCE3 #E5CDE5 #E3CFE7 #E2D1EA

#EBC7DC - #E2D1EA

HSV Blend

#EBC7DC - #E2D1EA | 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 #EBC7DC as 0% and #E2D1EA as 100%.

0.0%	0.0% #EBC7DC	RGB 235 199 220	#EBC7DC
16.7%	16.7% #EAC8E0	RGB 234 200 224	#EAC8E0
33.3%	33.3% #EACAE5	RGB 234 202 229	#EACAE5
50.0%	50.0% #EACCE9	RGB 234 204 233	#EACCE9
66.7%	66.7% #E8CDEA	RGB 232 205 234	#E8CDEA
83.3%	83.3% #E4CFEA	RGB 228 207 234	#E4CFEA
100.0%	100.0% #E2D1EA	RGB 226 209 234	#E2D1EA

#EBC7DC #EAC8E0 #EACAE5 #EACCE9 #E8CDEA #E4CFEA #E2D1EA

#EBC7DC - #EACCE9 - #E2D1EA

CSS codes

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

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