#BDB9BA - #C7E4D5 | 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 #BDB9BA to #C7E4D5

#BDB9BA #C7E4D5

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

#BDB9BA - #C7E4D5 | 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 #BDB9BA as 0% and #C7E4D5 as 100%.

0.0%	0.0% #BDB9BA	RGB 189 185 186	#BDB9BA
16.7%	16.7% #BEC0BE	RGB 190 192 190	#BEC0BE
33.3%	33.3% #C0C7C3	RGB 192 199 195	#C0C7C3
50.0%	50.0% #C2CEC7	RGB 194 206 199	#C2CEC7
66.7%	66.7% #C3D5CC	RGB 195 213 204	#C3D5CC
83.3%	83.3% #C5DCD0	RGB 197 220 208	#C5DCD0
100.0%	100.0% #C7E4D5	RGB 199 228 213	#C7E4D5

#BDB9BA #BEC0BE #C0C7C3 #C2CEC7 #C3D5CC #C5DCD0 #C7E4D5

#BDB9BA - #C7E4D5

HSV Blend

#BDB9BA - #C7E4D5 | 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 #BDB9BA as 0% and #C7E4D5 as 100%.

0.0%	0.0% #BDB9BA	RGB 189 185 186	#BDB9BA
16.7%	16.7% #C3BDBB	RGB 195 189 187	#C3BDBB
33.3%	33.3% #CAC6BE	RGB 202 198 190	#CAC6BE
50.0%	50.0% #CED0C1	RGB 206 208 193	#CED0C1
66.7%	66.7% #CBD7C3	RGB 203 215 195	#CBD7C3
83.3%	83.3% #C5DDC5	RGB 197 221 197	#C5DDC5
100.0%	100.0% #C7E4D5	RGB 199 228 213	#C7E4D5

#BDB9BA #C3BDBB #CAC6BE #CED0C1 #CBD7C3 #C5DDC5 #C7E4D5

#BDB9BA - #CED0C1 - #C7E4D5

CSS codes

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

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