#ECEBFA - #AE99C5 | 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 #ECEBFA to #AE99C5

#ECEBFA #AE99C5

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

#ECEBFA - #AE99C5 | 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 #ECEBFA as 0% and #AE99C5 as 100%.

0.0%	0.0% #ECEBFA	RGB 236 235 250	#ECEBFA
16.7%	16.7% #E1DDF1	RGB 225 221 241	#E1DDF1
33.3%	33.3% #D7CFE8	RGB 215 207 232	#D7CFE8
50.0%	50.0% #CDC2DF	RGB 205 194 223	#CDC2DF
66.7%	66.7% #C2B4D6	RGB 194 180 214	#C2B4D6
83.3%	83.3% #B8A6CD	RGB 184 166 205	#B8A6CD
100.0%	100.0% #AE99C5	RGB 174 153 197	#AE99C5

#ECEBFA #E1DDF1 #D7CFE8 #CDC2DF #C2B4D6 #B8A6CD #AE99C5

#ECEBFA - #AE99C5

HSV Blend

#ECEBFA - #AE99C5 | 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 #ECEBFA as 0% and #AE99C5 as 100%.

0.0%	0.0% #ECEBFA	RGB 236 235 250	#ECEBFA
16.7%	16.7% #DEDCF1	RGB 222 220 241	#DEDCF1
33.3%	33.3% #D3CDE8	RGB 211 205 232	#D3CDE8
50.0%	50.0% #C8BFDF	RGB 200 191 223	#C8BFDF
66.7%	66.7% #BEB2D6	RGB 190 178 214	#BEB2D6
83.3%	83.3% #B5A5CD	RGB 181 165 205	#B5A5CD
100.0%	100.0% #AE99C5	RGB 174 153 197	#AE99C5

#ECEBFA #DEDCF1 #D3CDE8 #C8BFDF #BEB2D6 #B5A5CD #AE99C5

#ECEBFA - #C8BFDF - #AE99C5

CSS codes

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

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