#BCB5B5 - #FFD9CC | 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 #BCB5B5 to #FFD9CC

#BCB5B5 #FFD9CC

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

#BCB5B5 - #FFD9CC | 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 #BCB5B5 as 0% and #FFD9CC as 100%.

0.0%	0.0% #BCB5B5	RGB 188 181 181	#BCB5B5
16.7%	16.7% #C7BBB8	RGB 199 187 184	#C7BBB8
33.3%	33.3% #D2C1BC	RGB 210 193 188	#D2C1BC
50.0%	50.0% #DDC7C0	RGB 221 199 192	#DDC7C0
66.7%	66.7% #E8CDC4	RGB 232 205 196	#E8CDC4
83.3%	83.3% #F3D3C8	RGB 243 211 200	#F3D3C8
100.0%	100.0% #FFD9CC	RGB 255 217 204	#FFD9CC

#BCB5B5 #C7BBB8 #D2C1BC #DDC7C0 #E8CDC4 #F3D3C8 #FFD9CC

#BCB5B5 - #FFD9CC

HSV Blend

#BCB5B5 - #FFD9CC | 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 #BCB5B5 as 0% and #FFD9CC as 100%.

0.0%	0.0% #BCB5B5	RGB 188 181 181	#BCB5B5
16.7%	16.7% #C7BABA	RGB 199 186 186	#C7BABA
33.3%	33.3% #D2C0BF	RGB 210 192 191	#D2C0BF
50.0%	50.0% #DDC6C3	RGB 221 198 195	#DDC6C3
66.7%	66.7% #E8CCC6	RGB 232 204 198	#E8CCC6
83.3%	83.3% #F3D2C9	RGB 243 210 201	#F3D2C9
100.0%	100.0% #FFD9CC	RGB 255 217 204	#FFD9CC

#BCB5B5 #C7BABA #D2C0BF #DDC6C3 #E8CCC6 #F3D2C9 #FFD9CC

#BCB5B5 - #DDC6C3 - #FFD9CC

CSS codes

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

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