#BFBEA6 - #DFB5BC | 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 #BFBEA6 to #DFB5BC

#BFBEA6 #DFB5BC

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

#BFBEA6 - #DFB5BC | 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 #BFBEA6 as 0% and #DFB5BC as 100%.

0.0%	0.0% #BFBEA6	RGB 191 190 166	#BFBEA6
16.7%	16.7% #C4BCA9	RGB 196 188 169	#C4BCA9
33.3%	33.3% #C9BBAD	RGB 201 187 173	#C9BBAD
50.0%	50.0% #CFB9B1	RGB 207 185 177	#CFB9B1
66.7%	66.7% #D4B8B4	RGB 212 184 180	#D4B8B4
83.3%	83.3% #D9B6B8	RGB 217 182 184	#D9B6B8
100.0%	100.0% #DFB5BC	RGB 223 181 188	#DFB5BC

#BFBEA6 #C4BCA9 #C9BBAD #CFB9B1 #D4B8B4 #D9B6B8 #DFB5BC

#BFBEA6 - #DFB5BC

HSV Blend

#BFBEA6 - #DFB5BC | 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 #BFBEA6 as 0% and #DFB5BC as 100%.

0.0%	0.0% #BFBEA6	RGB 191 190 166	#BFBEA6
16.7%	16.7% #C4BEA8	RGB 196 190 168	#C4BEA8
33.3%	33.3% #C9BDAB	RGB 201 189 171	#C9BDAB
50.0%	50.0% #CFBBAD	RGB 207 187 173	#CFBBAD
66.7%	66.7% #D4B7B0	RGB 212 183 176	#D4B7B0
83.3%	83.3% #D9B3B2	RGB 217 179 178	#D9B3B2
100.0%	100.0% #DFB5BC	RGB 223 181 188	#DFB5BC

#BFBEA6 #C4BEA8 #C9BDAB #CFBBAD #D4B7B0 #D9B3B2 #DFB5BC

#BFBEA6 - #CFBBAD - #DFB5BC

CSS codes

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

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