#E8CAFF - #AD64CF | 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 #E8CAFF to #AD64CF

#E8CAFF #AD64CF

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

#E8CAFF - #AD64CF | 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 #E8CAFF as 0% and #AD64CF as 100%.

0.0%	0.0% #E8CAFF	RGB 232 202 255	#E8CAFF
16.7%	16.7% #DEB9F7	RGB 222 185 247	#DEB9F7
33.3%	33.3% #D4A8EF	RGB 212 168 239	#D4A8EF
50.0%	50.0% #CA97E7	RGB 202 151 231	#CA97E7
66.7%	66.7% #C086DF	RGB 192 134 223	#C086DF
83.3%	83.3% #B675D7	RGB 182 117 215	#B675D7
100.0%	100.0% #AD64CF	RGB 173 100 207	#AD64CF

#E8CAFF #DEB9F7 #D4A8EF #CA97E7 #C086DF #B675D7 #AD64CF

#E8CAFF - #AD64CF

HSV Blend

#E8CAFF - #AD64CF | 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 #E8CAFF as 0% and #AD64CF as 100%.

0.0%	0.0% #E8CAFF	RGB 232 202 255	#E8CAFF
16.7%	16.7% #DCB6F7	RGB 220 182 247	#DCB6F7
33.3%	33.3% #D1A4EF	RGB 209 164 239	#D1A4EF
50.0%	50.0% #C793E7	RGB 199 147 231	#C793E7
66.7%	66.7% #BE82DF	RGB 190 130 223	#BE82DF
83.3%	83.3% #B572D7	RGB 181 114 215	#B572D7
100.0%	100.0% #AD64CF	RGB 173 100 207	#AD64CF

#E8CAFF #DCB6F7 #D1A4EF #C793E7 #BE82DF #B572D7 #AD64CF

#E8CAFF - #C793E7 - #AD64CF

CSS codes

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

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