#BBC2DA - #DDDFDB | 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 #BBC2DA to #DDDFDB

#BBC2DA #DDDFDB

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

#BBC2DA - #DDDFDB | 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 #BBC2DA as 0% and #DDDFDB as 100%.

0.0%	0.0% #BBC2DA	RGB 187 194 218	#BBC2DA
16.7%	16.7% #C0C6DA	RGB 192 198 218	#C0C6DA
33.3%	33.3% #C6CBDA	RGB 198 203 218	#C6CBDA
50.0%	50.0% #CCD0DA	RGB 204 208 218	#CCD0DA
66.7%	66.7% #D1D5DA	RGB 209 213 218	#D1D5DA
83.3%	83.3% #D7DADA	RGB 215 218 218	#D7DADA
100.0%	100.0% #DDDFDB	RGB 221 223 219	#DDDFDB

#BBC2DA #C0C6DA #C6CBDA #CCD0DA #D1D5DA #D7DADA #DDDFDB

#BBC2DA - #DDDFDB

HSV Blend

#BBC2DA - #DDDFDB | 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 #BBC2DA as 0% and #DDDFDB as 100%.

0.0%	0.0% #BBC2DA	RGB 187 194 218	#BBC2DA
16.7%	16.7% #C0D0DA	RGB 192 208 218	#C0D0DA
33.3%	33.3% #C5DBDB	RGB 197 219 219	#C5DBDB
50.0%	50.0% #CADCD6	RGB 202 220 214	#CADCD6
66.7%	66.7% #D0DDD3	RGB 208 221 211	#D0DDD3
83.3%	83.3% #D6DED5	RGB 214 222 213	#D6DED5
100.0%	100.0% #DDDFDB	RGB 221 223 219	#DDDFDB

#BBC2DA #C0D0DA #C5DBDB #CADCD6 #D0DDD3 #D6DED5 #DDDFDB

#BBC2DA - #CADCD6 - #DDDFDB

CSS codes

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

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