#BDC0BD - #D3C7E2 | 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 #BDC0BD to #D3C7E2

#BDC0BD #D3C7E2

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

#BDC0BD - #D3C7E2 | 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 #BDC0BD as 0% and #D3C7E2 as 100%.

0.0%	0.0% #BDC0BD	RGB 189 192 189	#BDC0BD
16.7%	16.7% #C0C1C3	RGB 192 193 195	#C0C1C3
33.3%	33.3% #C4C2C9	RGB 196 194 201	#C4C2C9
50.0%	50.0% #C8C3CF	RGB 200 195 207	#C8C3CF
66.7%	66.7% #CBC4D5	RGB 203 196 213	#CBC4D5
83.3%	83.3% #CFC5DB	RGB 207 197 219	#CFC5DB
100.0%	100.0% #D3C7E2	RGB 211 199 226	#D3C7E2

#BDC0BD #C0C1C3 #C4C2C9 #C8C3CF #CBC4D5 #CFC5DB #D3C7E2

#BDC0BD - #D3C7E2

HSV Blend

#BDC0BD - #D3C7E2 | 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 #BDC0BD as 0% and #D3C7E2 as 100%.

0.0%	0.0% #BDC0BD	RGB 189 192 189	#BDC0BD
16.7%	16.7% #BFC5C1	RGB 191 197 193	#BFC5C1
33.3%	33.3% #C1CBC9	RGB 193 203 201	#C1CBC9
50.0%	50.0% #C2CDD1	RGB 194 205 209	#C2CDD1
66.7%	66.7% #C4CBD6	RGB 196 203 214	#C4CBD6
83.3%	83.3% #C6C5DC	RGB 198 197 220	#C6C5DC
100.0%	100.0% #D3C7E2	RGB 211 199 226	#D3C7E2

#BDC0BD #BFC5C1 #C1CBC9 #C2CDD1 #C4CBD6 #C6C5DC #D3C7E2

#BDC0BD - #C2CDD1 - #D3C7E2

CSS codes

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

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