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

#BFC0BF #D3C7E2

Calculate the color between two colors, #BFC0BF 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)

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

0.0%	0.0% #BFC0BF	RGB 191 192 191	#BFC0BF
16.7%	16.7% #C2C1C4	RGB 194 193 196	#C2C1C4
33.3%	33.3% #C5C2CA	RGB 197 194 202	#C5C2CA
50.0%	50.0% #C9C3D0	RGB 201 195 208	#C9C3D0
66.7%	66.7% #CCC4D6	RGB 204 196 214	#CCC4D6
83.3%	83.3% #CFC5DC	RGB 207 197 220	#CFC5DC
100.0%	100.0% #D3C7E2	RGB 211 199 226	#D3C7E2

#BFC0BF #C2C1C4 #C5C2CA #C9C3D0 #CCC4D6 #CFC5DC #D3C7E2

#BFC0BF - #D3C7E2

HSV Blend

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

0.0%	0.0% #BFC0BF	RGB 191 192 191	#BFC0BF
16.7%	16.7% #C0C5C2	RGB 192 197 194	#C0C5C2
33.3%	33.3% #C2CBC9	RGB 194 203 201	#C2CBC9
50.0%	50.0% #C3CED1	RGB 195 206 209	#C3CED1
66.7%	66.7% #C5CBD6	RGB 197 203 214	#C5CBD6
83.3%	83.3% #C7C6DC	RGB 199 198 220	#C7C6DC
100.0%	100.0% #D3C7E2	RGB 211 199 226	#D3C7E2

#BFC0BF #C0C5C2 #C2CBC9 #C3CED1 #C5CBD6 #C7C6DC #D3C7E2

#BFC0BF - #C3CED1 - #D3C7E2

CSS codes

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

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