#ECEBFE - #AE98CB | 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 #ECEBFE to #AE98CB

#ECEBFE #AE98CB

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

#ECEBFE - #AE98CB | 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 #ECEBFE as 0% and #AE98CB as 100%.

0.0%	0.0% #ECEBFE	RGB 236 235 254	#ECEBFE
16.7%	16.7% #E1DDF5	RGB 225 221 245	#E1DDF5
33.3%	33.3% #D7CFED	RGB 215 207 237	#D7CFED
50.0%	50.0% #CDC1E4	RGB 205 193 228	#CDC1E4
66.7%	66.7% #C2B3DC	RGB 194 179 220	#C2B3DC
83.3%	83.3% #B8A5D3	RGB 184 165 211	#B8A5D3
100.0%	100.0% #AE98CB	RGB 174 152 203	#AE98CB

#ECEBFE #E1DDF5 #D7CFED #CDC1E4 #C2B3DC #B8A5D3 #AE98CB

#ECEBFE - #AE98CB

HSV Blend

#ECEBFE - #AE98CB | 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 #ECEBFE as 0% and #AE98CB as 100%.

0.0%	0.0% #ECEBFE	RGB 236 235 254	#ECEBFE
16.7%	16.7% #DEDBF5	RGB 222 219 245	#DEDBF5
33.3%	33.3% #D2CDED	RGB 210 205 237	#D2CDED
50.0%	50.0% #C8BFE4	RGB 200 191 228	#C8BFE4
66.7%	66.7% #BEB1DC	RGB 190 177 220	#BEB1DC
83.3%	83.3% #B5A4D3	RGB 181 164 211	#B5A4D3
100.0%	100.0% #AE98CB	RGB 174 152 203	#AE98CB

#ECEBFE #DEDBF5 #D2CDED #C8BFE4 #BEB1DC #B5A4D3 #AE98CB

#ECEBFE - #C8BFE4 - #AE98CB

CSS codes

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

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