#ECACF9 - #BBC9FF | 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 #ECACF9 to #BBC9FF

#ECACF9 #BBC9FF

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

#ECACF9 - #BBC9FF | 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 #ECACF9 as 0% and #BBC9FF as 100%.

0.0%	0.0% #ECACF9	RGB 236 172 249	#ECACF9
16.7%	16.7% #E3B0FA	RGB 227 176 250	#E3B0FA
33.3%	33.3% #DBB5FB	RGB 219 181 251	#DBB5FB
50.0%	50.0% #D3BAFC	RGB 211 186 252	#D3BAFC
66.7%	66.7% #CBBFFD	RGB 203 191 253	#CBBFFD
83.3%	83.3% #C3C4FE	RGB 195 196 254	#C3C4FE
100.0%	100.0% #BBC9FF	RGB 187 201 255	#BBC9FF

#ECACF9 #E3B0FA #DBB5FB #D3BAFC #CBBFFD #C3C4FE #BBC9FF

#ECACF9 - #BBC9FF

HSV Blend

#ECACF9 - #BBC9FF | 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 #ECACF9 as 0% and #BBC9FF as 100%.

0.0%	0.0% #ECACF9	RGB 236 172 249	#ECACF9
16.7%	16.7% #E0AEFA	RGB 224 174 250	#E0AEFA
33.3%	33.3% #D4B0FB	RGB 212 176 251	#D4B0FB
50.0%	50.0% #CAB3FC	RGB 202 179 252	#CAB3FC
66.7%	66.7% #BFB5FD	RGB 191 181 253	#BFB5FD
83.3%	83.3% #B8BAFE	RGB 184 186 254	#B8BAFE
100.0%	100.0% #BBC9FF	RGB 187 201 255	#BBC9FF

#ECACF9 #E0AEFA #D4B0FB #CAB3FC #BFB5FD #B8BAFE #BBC9FF

#ECACF9 - #CAB3FC - #BBC9FF

CSS codes

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

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