#BCBFBC - #DCE8C9 | 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 #BCBFBC to #DCE8C9

#BCBFBC #DCE8C9

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

#BCBFBC - #DCE8C9 | 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 #BCBFBC as 0% and #DCE8C9 as 100%.

0.0%	0.0% #BCBFBC	RGB 188 191 188	#BCBFBC
16.7%	16.7% #C1C5BE	RGB 193 197 190	#C1C5BE
33.3%	33.3% #C6CCC0	RGB 198 204 192	#C6CCC0
50.0%	50.0% #CCD3C2	RGB 204 211 194	#CCD3C2
66.7%	66.7% #D1DAC4	RGB 209 218 196	#D1DAC4
83.3%	83.3% #D6E1C6	RGB 214 225 198	#D6E1C6
100.0%	100.0% #DCE8C9	RGB 220 232 201	#DCE8C9

#BCBFBC #C1C5BE #C6CCC0 #CCD3C2 #D1DAC4 #D6E1C6 #DCE8C9

#BCBFBC - #DCE8C9

HSV Blend

#BCBFBC - #DCE8C9 | 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 #BCBFBC as 0% and #DCE8C9 as 100%.

0.0%	0.0% #BCBFBC	RGB 188 191 188	#BCBFBC
16.7%	16.7% #BFC5BE	RGB 191 197 190	#BFC5BE
33.3%	33.3% #C3CCC1	RGB 195 204 193	#C3CCC1
50.0%	50.0% #C8D3C3	RGB 200 211 195	#C8D3C3
66.7%	66.7% #CEDAC5	RGB 206 218 197	#CEDAC5
83.3%	83.3% #D4E1C7	RGB 212 225 199	#D4E1C7
100.0%	100.0% #DCE8C9	RGB 220 232 201	#DCE8C9

#BCBFBC #BFC5BE #C3CCC1 #C8D3C3 #CEDAC5 #D4E1C7 #DCE8C9

#BCBFBC - #C8D3C3 - #DCE8C9

CSS codes

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

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