#E1C5E9 - #AE64AC | 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 #E1C5E9 to #AE64AC

#E1C5E9 #AE64AC

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

#E1C5E9 - #AE64AC | 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 #E1C5E9 as 0% and #AE64AC as 100%.

0.0%	0.0% #E1C5E9	RGB 225 197 233	#E1C5E9
16.7%	16.7% #D8B4DE	RGB 216 180 222	#D8B4DE
33.3%	33.3% #D0A4D4	RGB 208 164 212	#D0A4D4
50.0%	50.0% #C794CA	RGB 199 148 202	#C794CA
66.7%	66.7% #BF84C0	RGB 191 132 192	#BF84C0
83.3%	83.3% #B674B6	RGB 182 116 182	#B674B6
100.0%	100.0% #AE64AC	RGB 174 100 172	#AE64AC

#E1C5E9 #D8B4DE #D0A4D4 #C794CA #BF84C0 #B674B6 #AE64AC

#E1C5E9 - #AE64AC

HSV Blend

#E1C5E9 - #AE64AC | 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 #E1C5E9 as 0% and #AE64AC as 100%.

0.0%	0.0% #E1C5E9	RGB 225 197 233	#E1C5E9
16.7%	16.7% #D7B2DF	RGB 215 178 223	#D7B2DF
33.3%	33.3% #CEA1D5	RGB 206 161 213	#CEA1D5
50.0%	50.0% #C590CB	RGB 197 144 203	#C590CB
66.7%	66.7% #BE80C1	RGB 190 128 193	#BE80C1
83.3%	83.3% #B671B7	RGB 182 113 183	#B671B7
100.0%	100.0% #AE64AC	RGB 174 100 172	#AE64AC

#E1C5E9 #D7B2DF #CEA1D5 #C590CB #BE80C1 #B671B7 #AE64AC

#E1C5E9 - #C590CB - #AE64AC

CSS codes

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

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