#BFBFCA - #DFDDCE | 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 #BFBFCA to #DFDDCE

#BFBFCA #DFDDCE

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

#BFBFCA - #DFDDCE | 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 #BFBFCA as 0% and #DFDDCE as 100%.

0.0%	0.0% #BFBFCA	RGB 191 191 202	#BFBFCA
16.7%	16.7% #C4C4CA	RGB 196 196 202	#C4C4CA
33.3%	33.3% #C9C9CB	RGB 201 201 203	#C9C9CB
50.0%	50.0% #CFCECC	RGB 207 206 204	#CFCECC
66.7%	66.7% #D4D3CC	RGB 212 211 204	#D4D3CC
83.3%	83.3% #D9D8CD	RGB 217 216 205	#D9D8CD
100.0%	100.0% #DFDDCE	RGB 223 221 206	#DFDDCE

#BFBFCA #C4C4CA #C9C9CB #CFCECC #D4D3CC #D9D8CD #DFDDCE

#BFBFCA - #DFDDCE

HSV Blend

#BFBFCA - #DFDDCE | 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 #BFBFCA as 0% and #DFDDCE as 100%.

0.0%	0.0% #BFBFCA	RGB 191 191 202	#BFBFCA
16.7%	16.7% #C7C1CD	RGB 199 193 205	#C7C1CD
33.3%	33.3% #D0C4D1	RGB 208 196 209	#D0C4D1
50.0%	50.0% #D4C6CE	RGB 212 198 206	#D4C6CE
66.7%	66.7% #D8C9CA	RGB 216 201 202	#D8C9CA
83.3%	83.3% #DBD1CB	RGB 219 209 203	#DBD1CB
100.0%	100.0% #DFDDCE	RGB 223 221 206	#DFDDCE

#BFBFCA #C7C1CD #D0C4D1 #D4C6CE #D8C9CA #DBD1CB #DFDDCE

#BFBFCA - #D4C6CE - #DFDDCE

CSS codes

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

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