#EDBEFF - #AF53CE | 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 #AF53CE

#EDBEFF #AF53CE

Calculate the color between two colors, #EDBEFF and #AF53CE. 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 - #AF53CE | 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 #AF53CE as 100%.

0.0%	0.0% #EDBEFF	RGB 237 190 255	#EDBEFF
16.7%	16.7% #E2ACF6	RGB 226 172 246	#E2ACF6
33.3%	33.3% #D89AEE	RGB 216 154 238	#D89AEE
50.0%	50.0% #CE88E6	RGB 206 136 230	#CE88E6
66.7%	66.7% #C376DE	RGB 195 118 222	#C376DE
83.3%	83.3% #B964D6	RGB 185 100 214	#B964D6
100.0%	100.0% #AF53CE	RGB 175 83 206	#AF53CE

#EDBEFF #E2ACF6 #D89AEE #CE88E6 #C376DE #B964D6 #AF53CE

#EDBEFF - #AF53CE

HSV Blend

#EDBEFF - #AF53CE | 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 #AF53CE as 100%.

0.0%	0.0% #EDBEFF	RGB 237 190 255	#EDBEFF
16.7%	16.7% #E1A9F6	RGB 225 169 246	#E1A9F6
33.3%	33.3% #D796EE	RGB 215 150 238	#D796EE
50.0%	50.0% #CC84E6	RGB 204 132 230	#CC84E6
66.7%	66.7% #C272DE	RGB 194 114 222	#C272DE
83.3%	83.3% #B862D6	RGB 184 98 214	#B862D6
100.0%	100.0% #AF53CE	RGB 175 83 206	#AF53CE

#EDBEFF #E1A9F6 #D796EE #CC84E6 #C272DE #B862D6 #AF53CE

#EDBEFF - #CC84E6 - #AF53CE

CSS codes

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

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