#BBB5CF - #C2DFE3 | 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 #BBB5CF to #C2DFE3

#BBB5CF #C2DFE3

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

#BBB5CF - #C2DFE3 | 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 #BBB5CF as 0% and #C2DFE3 as 100%.

0.0%	0.0% #BBB5CF	RGB 187 181 207	#BBB5CF
16.7%	16.7% #BCBCD2	RGB 188 188 210	#BCBCD2
33.3%	33.3% #BDC3D5	RGB 189 195 213	#BDC3D5
50.0%	50.0% #BECAD9	RGB 190 202 217	#BECAD9
66.7%	66.7% #BFD1DC	RGB 191 209 220	#BFD1DC
83.3%	83.3% #C0D8DF	RGB 192 216 223	#C0D8DF
100.0%	100.0% #C2DFE3	RGB 194 223 227	#C2DFE3

#BBB5CF #BCBCD2 #BDC3D5 #BECAD9 #BFD1DC #C0D8DF #C2DFE3

#BBB5CF - #C2DFE3

HSV Blend

#BBB5CF - #C2DFE3 | 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 #BBB5CF as 0% and #C2DFE3 as 100%.

0.0%	0.0% #BBB5CF	RGB 187 181 207	#BBB5CF
16.7%	16.7% #B8B7D2	RGB 184 183 210	#B8B7D2
33.3%	33.3% #B9BDD5	RGB 185 189 213	#B9BDD5
50.0%	50.0% #BBC5D9	RGB 187 197 217	#BBC5D9
66.7%	66.7% #BDCDDC	RGB 189 205 220	#BDCDDC
83.3%	83.3% #BFD5DF	RGB 191 213 223	#BFD5DF
100.0%	100.0% #C2DFE3	RGB 194 223 227	#C2DFE3

#BBB5CF #B8B7D2 #B9BDD5 #BBC5D9 #BDCDDC #BFD5DF #C2DFE3

#BBB5CF - #BBC5D9 - #C2DFE3

CSS codes

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

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