#BCDBC7 - #DFDDDB | 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 #BCDBC7 to #DFDDDB

#BCDBC7 #DFDDDB

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

#BCDBC7 - #DFDDDB | 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 #BCDBC7 as 0% and #DFDDDB as 100%.

0.0%	0.0% #BCDBC7	RGB 188 219 199	#BCDBC7
16.7%	16.7% #C1DBCA	RGB 193 219 202	#C1DBCA
33.3%	33.3% #C7DBCD	RGB 199 219 205	#C7DBCD
50.0%	50.0% #CDDCD1	RGB 205 220 209	#CDDCD1
66.7%	66.7% #D3DCD4	RGB 211 220 212	#D3DCD4
83.3%	83.3% #D9DCD7	RGB 217 220 215	#D9DCD7
100.0%	100.0% #DFDDDB	RGB 223 221 219	#DFDDDB

#BCDBC7 #C1DBCA #C7DBCD #CDDCD1 #D3DCD4 #D9DCD7 #DFDDDB

#BCDBC7 - #DFDDDB

HSV Blend

#BCDBC7 - #DFDDDB | 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 #BCDBC7 as 0% and #DFDDDB as 100%.

0.0%	0.0% #BCDBC7	RGB 188 219 199	#BCDBC7
16.7%	16.7% #C1DBC2	RGB 193 219 194	#C1DBC2
33.3%	33.3% #CCDCC6	RGB 204 220 198	#CCDCC6
50.0%	50.0% #D5DDCB	RGB 213 221 203	#D5DDCB
66.7%	66.7% #DCDDD0	RGB 220 221 208	#DCDDD0
83.3%	83.3% #DEDCD5	RGB 222 220 213	#DEDCD5
100.0%	100.0% #DFDDDB	RGB 223 221 219	#DFDDDB

#BCDBC7 #C1DBC2 #CCDCC6 #D5DDCB #DCDDD0 #DEDCD5 #DFDDDB

#BCDBC7 - #D5DDCB - #DFDDDB

CSS codes

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

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