#B9C3BC - #DBDFBD | 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 #B9C3BC to #DBDFBD

#B9C3BC #DBDFBD

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

#B9C3BC - #DBDFBD | 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 #B9C3BC as 0% and #DBDFBD as 100%.

0.0%	0.0% #B9C3BC	RGB 185 195 188	#B9C3BC
16.7%	16.7% #BEC7BC	RGB 190 199 188	#BEC7BC
33.3%	33.3% #C4CCBC	RGB 196 204 188	#C4CCBC
50.0%	50.0% #CAD1BC	RGB 202 209 188	#CAD1BC
66.7%	66.7% #CFD5BC	RGB 207 213 188	#CFD5BC
83.3%	83.3% #D5DABC	RGB 213 218 188	#D5DABC
100.0%	100.0% #DBDFBD	RGB 219 223 189	#DBDFBD

#B9C3BC #BEC7BC #C4CCBC #CAD1BC #CFD5BC #D5DABC #DBDFBD

#B9C3BC - #DBDFBD

HSV Blend

#B9C3BC - #DBDFBD | 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 #B9C3BC as 0% and #DBDFBD as 100%.

0.0%	0.0% #B9C3BC	RGB 185 195 188	#B9C3BC
16.7%	16.7% #BAC7BB	RGB 186 199 187	#BAC7BB
33.3%	33.3% #BCCCBA	RGB 188 204 186	#BCCCBA
50.0%	50.0% #C1D1BB	RGB 193 209 187	#C1D1BB
66.7%	66.7% #C8D5BC	RGB 200 213 188	#C8D5BC
83.3%	83.3% #D1DABC	RGB 209 218 188	#D1DABC
100.0%	100.0% #DBDFBD	RGB 219 223 189	#DBDFBD

#B9C3BC #BAC7BB #BCCCBA #C1D1BB #C8D5BC #D1DABC #DBDFBD

#B9C3BC - #C1D1BB - #DBDFBD

CSS codes

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

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