#BFBCB8 - #CBD3E5 | 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 #BFBCB8 to #CBD3E5

#BFBCB8 #CBD3E5

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

#BFBCB8 - #CBD3E5 | 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 #BFBCB8 as 0% and #CBD3E5 as 100%.

0.0%	0.0% #BFBCB8	RGB 191 188 184	#BFBCB8
16.7%	16.7% #C1BFBF	RGB 193 191 191	#C1BFBF
33.3%	33.3% #C3C3C7	RGB 195 195 199	#C3C3C7
50.0%	50.0% #C5C7CE	RGB 197 199 206	#C5C7CE
66.7%	66.7% #C7CBD6	RGB 199 203 214	#C7CBD6
83.3%	83.3% #C9CFDD	RGB 201 207 221	#C9CFDD
100.0%	100.0% #CBD3E5	RGB 203 211 229	#CBD3E5

#BFBCB8 #C1BFBF #C3C3C7 #C5C7CE #C7CBD6 #C9CFDD #CBD3E5

#BFBCB8 - #CBD3E5

HSV Blend

#BFBCB8 - #CBD3E5 | 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 #BFBCB8 as 0% and #CBD3E5 as 100%.

0.0%	0.0% #BFBCB8	RGB 191 188 184	#BFBCB8
16.7%	16.7% #C5BCBB	RGB 197 188 187	#C5BCBB
33.3%	33.3% #CBBEC3	RGB 203 190 195	#CBBEC3
50.0%	50.0% #D2C2CF	RGB 210 194 207	#D2C2CF
66.7%	66.7% #D1C5D8	RGB 209 197 216	#D1C5D8
83.3%	83.3% #CCC8DE	RGB 204 200 222	#CCC8DE
100.0%	100.0% #CBD3E5	RGB 203 211 229	#CBD3E5

#BFBCB8 #C5BCBB #CBBEC3 #D2C2CF #D1C5D8 #CCC8DE #CBD3E5

#BFBCB8 - #D2C2CF - #CBD3E5

CSS codes

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

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