#EDB7CA - #E7DEE2 | 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 #EDB7CA to #E7DEE2

#EDB7CA #E7DEE2

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

#EDB7CA - #E7DEE2 | 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 #EDB7CA as 0% and #E7DEE2 as 100%.

0.0%	0.0% #EDB7CA	RGB 237 183 202	#EDB7CA
16.7%	16.7% #ECBDCE	RGB 236 189 206	#ECBDCE
33.3%	33.3% #EBC4D2	RGB 235 196 210	#EBC4D2
50.0%	50.0% #EACAD6	RGB 234 202 214	#EACAD6
66.7%	66.7% #E9D1DA	RGB 233 209 218	#E9D1DA
83.3%	83.3% #E8D7DE	RGB 232 215 222	#E8D7DE
100.0%	100.0% #E7DEE2	RGB 231 222 226	#E7DEE2

#EDB7CA #ECBDCE #EBC4D2 #EACAD6 #E9D1DA #E8D7DE #E7DEE2

#EDB7CA - #E7DEE2

HSV Blend

#EDB7CA - #E7DEE2 | 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 #EDB7CA as 0% and #E7DEE2 as 100%.

0.0%	0.0% #EDB7CA	RGB 237 183 202	#EDB7CA
16.7%	16.7% #ECBDCE	RGB 236 189 206	#ECBDCE
33.3%	33.3% #EBC4D3	RGB 235 196 211	#EBC4D3
50.0%	50.0% #EACAD7	RGB 234 202 215	#EACAD7
66.7%	66.7% #E9D1DB	RGB 233 209 219	#E9D1DB
83.3%	83.3% #E8D7DE	RGB 232 215 222	#E8D7DE
100.0%	100.0% #E7DEE2	RGB 231 222 226	#E7DEE2

#EDB7CA #ECBDCE #EBC4D3 #EACAD7 #E9D1DB #E8D7DE #E7DEE2

#EDB7CA - #EACAD7 - #E7DEE2

CSS codes

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

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