#BBB2DB - #ECE9F4 | 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 #BBB2DB to #ECE9F4

#BBB2DB #ECE9F4

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

#BBB2DB - #ECE9F4 | 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 #BBB2DB as 0% and #ECE9F4 as 100%.

0.0%	0.0% #BBB2DB	RGB 187 178 219	#BBB2DB
16.7%	16.7% #C3BBDF	RGB 195 187 223	#C3BBDF
33.3%	33.3% #CBC4E3	RGB 203 196 227	#CBC4E3
50.0%	50.0% #D3CDE7	RGB 211 205 231	#D3CDE7
66.7%	66.7% #DBD6EB	RGB 219 214 235	#DBD6EB
83.3%	83.3% #E3DFEF	RGB 227 223 239	#E3DFEF
100.0%	100.0% #ECE9F4	RGB 236 233 244	#ECE9F4

#BBB2DB #C3BBDF #CBC4E3 #D3CDE7 #DBD6EB #E3DFEF #ECE9F4

#BBB2DB - #ECE9F4

HSV Blend

#BBB2DB - #ECE9F4 | 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 #BBB2DB as 0% and #ECE9F4 as 100%.

0.0%	0.0% #BBB2DB	RGB 187 178 219	#BBB2DB
16.7%	16.7% #C3BADF	RGB 195 186 223	#C3BADF
33.3%	33.3% #CBC3E3	RGB 203 195 227	#CBC3E3
50.0%	50.0% #D3CCE7	RGB 211 204 231	#D3CCE7
66.7%	66.7% #DBD5EB	RGB 219 213 235	#DBD5EB
83.3%	83.3% #E3DFEF	RGB 227 223 239	#E3DFEF
100.0%	100.0% #ECE9F4	RGB 236 233 244	#ECE9F4

#BBB2DB #C3BADF #CBC3E3 #D3CCE7 #DBD5EB #E3DFEF #ECE9F4

#BBB2DB - #D3CCE7 - #ECE9F4

CSS codes

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

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