#E7C2FF - #AE58CF | 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 #E7C2FF to #AE58CF

#E7C2FF #AE58CF

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

#E7C2FF - #AE58CF | 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 #E7C2FF as 0% and #AE58CF as 100%.

0.0%	0.0% #E7C2FF	RGB 231 194 255	#E7C2FF
16.7%	16.7% #DDB0F7	RGB 221 176 247	#DDB0F7
33.3%	33.3% #D49EEF	RGB 212 158 239	#D49EEF
50.0%	50.0% #CA8DE7	RGB 202 141 231	#CA8DE7
66.7%	66.7% #C17BDF	RGB 193 123 223	#C17BDF
83.3%	83.3% #B769D7	RGB 183 105 215	#B769D7
100.0%	100.0% #AE58CF	RGB 174 88 207	#AE58CF

#E7C2FF #DDB0F7 #D49EEF #CA8DE7 #C17BDF #B769D7 #AE58CF

#E7C2FF - #AE58CF

HSV Blend

#E7C2FF - #AE58CF | 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 #E7C2FF as 0% and #AE58CF as 100%.

0.0%	0.0% #E7C2FF	RGB 231 194 255	#E7C2FF
16.7%	16.7% #DBAEF7	RGB 219 174 247	#DBAEF7
33.3%	33.3% #D19BEF	RGB 209 155 239	#D19BEF
50.0%	50.0% #C788E7	RGB 199 136 231	#C788E7
66.7%	66.7% #BE77DF	RGB 190 119 223	#BE77DF
83.3%	83.3% #B567D7	RGB 181 103 215	#B567D7
100.0%	100.0% #AE58CF	RGB 174 88 207	#AE58CF

#E7C2FF #DBAEF7 #D19BEF #C788E7 #BE77DF #B567D7 #AE58CF

#E7C2FF - #C788E7 - #AE58CF

CSS codes

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

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