#BFDBBC - #DFDBDB | 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 #BFDBBC to #DFDBDB

#BFDBBC #DFDBDB

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

#BFDBBC - #DFDBDB | 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 #BFDBBC as 0% and #DFDBDB as 100%.

0.0%	0.0% #BFDBBC	RGB 191 219 188	#BFDBBC
16.7%	16.7% #C4DBC1	RGB 196 219 193	#C4DBC1
33.3%	33.3% #C9DBC6	RGB 201 219 198	#C9DBC6
50.0%	50.0% #CFDBCB	RGB 207 219 203	#CFDBCB
66.7%	66.7% #D4DBD0	RGB 212 219 208	#D4DBD0
83.3%	83.3% #D9DBD5	RGB 217 219 213	#D9DBD5
100.0%	100.0% #DFDBDB	RGB 223 219 219	#DFDBDB

#BFDBBC #C4DBC1 #C9DBC6 #CFDBCB #D4DBD0 #D9DBD5 #DFDBDB

#BFDBBC - #DFDBDB

HSV Blend

#BFDBBC - #DFDBDB | 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 #BFDBBC as 0% and #DFDBDB as 100%.

0.0%	0.0% #BFDBBC	RGB 191 219 188	#BFDBBC
16.7%	16.7% #CCDBC1	RGB 204 219 193	#CCDBC1
33.3%	33.3% #D6DCC6	RGB 214 220 198	#D6DCC6
50.0%	50.0% #DDDCCB	RGB 221 220 203	#DDDCCB
66.7%	66.7% #DDD8D0	RGB 221 216 208	#DDD8D0
83.3%	83.3% #DED8D5	RGB 222 216 213	#DED8D5
100.0%	100.0% #DFDBDB	RGB 223 219 219	#DFDBDB

#BFDBBC #CCDBC1 #D6DCC6 #DDDCCB #DDD8D0 #DED8D5 #DFDBDB

#BFDBBC - #DDDCCB - #DFDBDB

CSS codes

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

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