#BBC3C2 - #E7BAFF | 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 #BBC3C2 to #E7BAFF

#BBC3C2 #E7BAFF

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

#BBC3C2 - #E7BAFF | 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 #BBC3C2 as 0% and #E7BAFF as 100%.

0.0%	0.0% #BBC3C2	RGB 187 195 194	#BBC3C2
16.7%	16.7% #C2C1CC	RGB 194 193 204	#C2C1CC
33.3%	33.3% #C9C0D6	RGB 201 192 214	#C9C0D6
50.0%	50.0% #D1BEE0	RGB 209 190 224	#D1BEE0
66.7%	66.7% #D8BDEA	RGB 216 189 234	#D8BDEA
83.3%	83.3% #DFBBF4	RGB 223 187 244	#DFBBF4
100.0%	100.0% #E7BAFF	RGB 231 186 255	#E7BAFF

#BBC3C2 #C2C1CC #C9C0D6 #D1BEE0 #D8BDEA #DFBBF4 #E7BAFF

#BBC3C2 - #E7BAFF

HSV Blend

#BBC3C2 - #E7BAFF | 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 #BBC3C2 as 0% and #E7BAFF as 100%.

0.0%	0.0% #BBC3C2	RGB 187 195 194	#BBC3C2
16.7%	16.7% #BCCACD	RGB 188 202 205	#BCCACD
33.3%	33.3% #BDCBD7	RGB 189 203 215	#BDCBD7
50.0%	50.0% #BDC6E1	RGB 189 198 225	#BDC6E1
66.7%	66.7% #C0BDEB	RGB 192 189 235	#C0BDEB
83.3%	83.3% #D0BCF5	RGB 208 188 245	#D0BCF5
100.0%	100.0% #E7BAFF	RGB 231 186 255	#E7BAFF

#BBC3C2 #BCCACD #BDCBD7 #BDC6E1 #C0BDEB #D0BCF5 #E7BAFF

#BBC3C2 - #BDC6E1 - #E7BAFF

CSS codes

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

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