#EDBEFF - #C552CF | 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 #EDBEFF to #C552CF

#EDBEFF #C552CF

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

#EDBEFF - #C552CF | 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 #EDBEFF as 0% and #C552CF as 100%.

0.0%	0.0% #EDBEFF	RGB 237 190 255	#EDBEFF
16.7%	16.7% #E6ACF7	RGB 230 172 247	#E6ACF7
33.3%	33.3% #DF9AEF	RGB 223 154 239	#DF9AEF
50.0%	50.0% #D988E7	RGB 217 136 231	#D988E7
66.7%	66.7% #D276DF	RGB 210 118 223	#D276DF
83.3%	83.3% #CB64D7	RGB 203 100 215	#CB64D7
100.0%	100.0% #C552CF	RGB 197 82 207	#C552CF

#EDBEFF #E6ACF7 #DF9AEF #D988E7 #D276DF #CB64D7 #C552CF

#EDBEFF - #C552CF

HSV Blend

#EDBEFF - #C552CF | 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 #EDBEFF as 0% and #C552CF as 100%.

0.0%	0.0% #EDBEFF	RGB 237 190 255	#EDBEFF
16.7%	16.7% #E4A9F7	RGB 228 169 247	#E4A9F7
33.3%	33.3% #DC96EF	RGB 220 150 239	#DC96EF
50.0%	50.0% #D583E7	RGB 213 131 231	#D583E7
66.7%	66.7% #CF72DF	RGB 207 114 223	#CF72DF
83.3%	83.3% #C961D7	RGB 201 97 215	#C961D7
100.0%	100.0% #C552CF	RGB 197 82 207	#C552CF

#EDBEFF #E4A9F7 #DC96EF #D583E7 #CF72DF #C961D7 #C552CF

#EDBEFF - #D583E7 - #C552CF

CSS codes

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

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