#BBC2DB - #DDDFDC | 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 #BBC2DB to #DDDFDC

#BBC2DB #DDDFDC

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

#BBC2DB - #DDDFDC | 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 #BBC2DB as 0% and #DDDFDC as 100%.

0.0%	0.0% #BBC2DB	RGB 187 194 219	#BBC2DB
16.7%	16.7% #C0C6DB	RGB 192 198 219	#C0C6DB
33.3%	33.3% #C6CBDB	RGB 198 203 219	#C6CBDB
50.0%	50.0% #CCD0DB	RGB 204 208 219	#CCD0DB
66.7%	66.7% #D1D5DB	RGB 209 213 219	#D1D5DB
83.3%	83.3% #D7DADB	RGB 215 218 219	#D7DADB
100.0%	100.0% #DDDFDC	RGB 221 223 220	#DDDFDC

#BBC2DB #C0C6DB #C6CBDB #CCD0DB #D1D5DB #D7DADB #DDDFDC

#BBC2DB - #DDDFDC

HSV Blend

#BBC2DB - #DDDFDC | 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 #BBC2DB as 0% and #DDDFDC as 100%.

0.0%	0.0% #BBC2DB	RGB 187 194 219	#BBC2DB
16.7%	16.7% #C0CFDB	RGB 192 207 219	#C0CFDB
33.3%	33.3% #C5DADC	RGB 197 218 220	#C5DADC
50.0%	50.0% #CBDDD8	RGB 203 221 216	#CBDDD8
66.7%	66.7% #D0DDD5	RGB 208 221 213	#D0DDD5
83.3%	83.3% #D6DED6	RGB 214 222 214	#D6DED6
100.0%	100.0% #DDDFDC	RGB 221 223 220	#DDDFDC

#BBC2DB #C0CFDB #C5DADC #CBDDD8 #D0DDD5 #D6DED6 #DDDFDC

#BBC2DB - #CBDDD8 - #DDDFDC

CSS codes

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

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