#BDB6BF - #ECEAEC | 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 #BDB6BF to #ECEAEC

#BDB6BF #ECEAEC

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

#BDB6BF - #ECEAEC | 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 #BDB6BF as 0% and #ECEAEC as 100%.

0.0%	0.0% #BDB6BF	RGB 189 182 191	#BDB6BF
16.7%	16.7% #C4BEC6	RGB 196 190 198	#C4BEC6
33.3%	33.3% #CCC7CE	RGB 204 199 206	#CCC7CE
50.0%	50.0% #D4D0D5	RGB 212 208 213	#D4D0D5
66.7%	66.7% #DCD8DD	RGB 220 216 221	#DCD8DD
83.3%	83.3% #E4E1E4	RGB 228 225 228	#E4E1E4
100.0%	100.0% #ECEAEC	RGB 236 234 236	#ECEAEC

#BDB6BF #C4BEC6 #CCC7CE #D4D0D5 #DCD8DD #E4E1E4 #ECEAEC

#BDB6BF - #ECEAEC

HSV Blend

#BDB6BF - #ECEAEC | 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 #BDB6BF as 0% and #ECEAEC as 100%.

0.0%	0.0% #BDB6BF	RGB 189 182 191	#BDB6BF
16.7%	16.7% #C5BEC6	RGB 197 190 198	#C5BEC6
33.3%	33.3% #CCC6CE	RGB 204 198 206	#CCC6CE
50.0%	50.0% #D4CFD5	RGB 212 207 213	#D4CFD5
66.7%	66.7% #DCD8DD	RGB 220 216 221	#DCD8DD
83.3%	83.3% #E4E1E4	RGB 228 225 228	#E4E1E4
100.0%	100.0% #ECEAEC	RGB 236 234 236	#ECEAEC

#BDB6BF #C5BEC6 #CCC6CE #D4CFD5 #DCD8DD #E4E1E4 #ECEAEC

#BDB6BF - #D4CFD5 - #ECEAEC

CSS codes

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

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