#BFCAB5 - #EEEBC6 | 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 #BFCAB5 to #EEEBC6

#BFCAB5 #EEEBC6

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

#BFCAB5 - #EEEBC6 | 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 #BFCAB5 as 0% and #EEEBC6 as 100%.

0.0%	0.0% #BFCAB5	RGB 191 202 181	#BFCAB5
16.7%	16.7% #C6CFB7	RGB 198 207 183	#C6CFB7
33.3%	33.3% #CED5BA	RGB 206 213 186	#CED5BA
50.0%	50.0% #D6DABD	RGB 214 218 189	#D6DABD
66.7%	66.7% #DEE0C0	RGB 222 224 192	#DEE0C0
83.3%	83.3% #E6E5C3	RGB 230 229 195	#E6E5C3
100.0%	100.0% #EEEBC6	RGB 238 235 198	#EEEBC6

#BFCAB5 #C6CFB7 #CED5BA #D6DABD #DEE0C0 #E6E5C3 #EEEBC6

#BFCAB5 - #EEEBC6

HSV Blend

#BFCAB5 - #EEEBC6 | 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 #BFCAB5 as 0% and #EEEBC6 as 100%.

0.0%	0.0% #BFCAB5	RGB 191 202 181	#BFCAB5
16.7%	16.7% #C5D0B8	RGB 197 208 184	#C5D0B8
33.3%	33.3% #CDD6BB	RGB 205 214 187	#CDD6BB
50.0%	50.0% #D5DCBE	RGB 213 220 190	#D5DCBE
66.7%	66.7% #DDE2C0	RGB 221 226 192	#DDE2C0
83.3%	83.3% #E7E8C3	RGB 231 232 195	#E7E8C3
100.0%	100.0% #EEEBC6	RGB 238 235 198	#EEEBC6

#BFCAB5 #C5D0B8 #CDD6BB #D5DCBE #DDE2C0 #E7E8C3 #EEEBC6

#BFCAB5 - #D5DCBE - #EEEBC6

CSS codes

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

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