#BCCBDB - #DBDFDB | 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 #BCCBDB to #DBDFDB

#BCCBDB #DBDFDB

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

#BCCBDB - #DBDFDB | 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 #BCCBDB as 0% and #DBDFDB as 100%.

0.0%	0.0% #BCCBDB	RGB 188 203 219	#BCCBDB
16.7%	16.7% #C1CEDB	RGB 193 206 219	#C1CEDB
33.3%	33.3% #C6D1DB	RGB 198 209 219	#C6D1DB
50.0%	50.0% #CBD5DB	RGB 203 213 219	#CBD5DB
66.7%	66.7% #D0D8DB	RGB 208 216 219	#D0D8DB
83.3%	83.3% #D5DBDB	RGB 213 219 219	#D5DBDB
100.0%	100.0% #DBDFDB	RGB 219 223 219	#DBDFDB

#BCCBDB #C1CEDB #C6D1DB #CBD5DB #D0D8DB #D5DBDB #DBDFDB

#BCCBDB - #DBDFDB

HSV Blend

#BCCBDB - #DBDFDB | 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 #BCCBDB as 0% and #DBDFDB as 100%.

0.0%	0.0% #BCCBDB	RGB 188 203 219	#BCCBDB
16.7%	16.7% #C1D4DB	RGB 193 212 219	#C1D4DB
33.3%	33.3% #C6DCDC	RGB 198 220 220	#C6DCDC
50.0%	50.0% #CBDDD8	RGB 203 221 216	#CBDDD8
66.7%	66.7% #D0DDD7	RGB 208 221 215	#D0DDD7
83.3%	83.3% #D5DED7	RGB 213 222 215	#D5DED7
100.0%	100.0% #DBDFDB	RGB 219 223 219	#DBDFDB

#BCCBDB #C1D4DB #C6DCDC #CBDDD8 #D0DDD7 #D5DED7 #DBDFDB

#BCCBDB - #CBDDD8 - #DBDFDB

CSS codes

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

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