#BDB9BC - #C7E4CD | 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 #BDB9BC to #C7E4CD

#BDB9BC #C7E4CD

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

#BDB9BC - #C7E4CD | 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 #BDB9BC as 0% and #C7E4CD as 100%.

0.0%	0.0% #BDB9BC	RGB 189 185 188	#BDB9BC
16.7%	16.7% #BEC0BE	RGB 190 192 190	#BEC0BE
33.3%	33.3% #C0C7C1	RGB 192 199 193	#C0C7C1
50.0%	50.0% #C2CEC4	RGB 194 206 196	#C2CEC4
66.7%	66.7% #C3D5C7	RGB 195 213 199	#C3D5C7
83.3%	83.3% #C5DCCA	RGB 197 220 202	#C5DCCA
100.0%	100.0% #C7E4CD	RGB 199 228 205	#C7E4CD

#BDB9BC #BEC0BE #C0C7C1 #C2CEC4 #C3D5C7 #C5DCCA #C7E4CD

#BDB9BC - #C7E4CD

HSV Blend

#BDB9BC - #C7E4CD | 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 #BDB9BC as 0% and #C7E4CD as 100%.

0.0%	0.0% #BDB9BC	RGB 189 185 188	#BDB9BC
16.7%	16.7% #C3BBBD	RGB 195 187 189	#C3BBBD
33.3%	33.3% #CAC1BE	RGB 202 193 190	#CAC1BE
50.0%	50.0% #D0CCC1	RGB 208 204 193	#D0CCC1
66.7%	66.7% #D2D7C3	RGB 210 215 195	#D2D7C3
83.3%	83.3% #CCDDC5	RGB 204 221 197	#CCDDC5
100.0%	100.0% #C7E4CD	RGB 199 228 205	#C7E4CD

#BDB9BC #C3BBBD #CAC1BE #D0CCC1 #D2D7C3 #CCDDC5 #C7E4CD

#BDB9BC - #D0CCC1 - #C7E4CD

CSS codes

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

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