#BFBFA8 - #ECECE6 | 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 #BFBFA8 to #ECECE6

#BFBFA8 #ECECE6

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

#BFBFA8 - #ECECE6 | 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 #BFBFA8 as 0% and #ECECE6 as 100%.

0.0%	0.0% #BFBFA8	RGB 191 191 168	#BFBFA8
16.7%	16.7% #C6C6B2	RGB 198 198 178	#C6C6B2
33.3%	33.3% #CECEBC	RGB 206 206 188	#CECEBC
50.0%	50.0% #D5D5C7	RGB 213 213 199	#D5D5C7
66.7%	66.7% #DDDDD1	RGB 221 221 209	#DDDDD1
83.3%	83.3% #E4E4DB	RGB 228 228 219	#E4E4DB
100.0%	100.0% #ECECE6	RGB 236 236 230	#ECECE6

#BFBFA8 #C6C6B2 #CECEBC #D5D5C7 #DDDDD1 #E4E4DB #ECECE6

#BFBFA8 - #ECECE6

HSV Blend

#BFBFA8 - #ECECE6 | 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 #BFBFA8 as 0% and #ECECE6 as 100%.

0.0%	0.0% #BFBFA8	RGB 191 191 168	#BFBFA8
16.7%	16.7% #C6C6B1	RGB 198 198 177	#C6C6B1
33.3%	33.3% #CECEBB	RGB 206 206 187	#CECEBB
50.0%	50.0% #D5D5C5	RGB 213 213 197	#D5D5C5
66.7%	66.7% #DDDDD0	RGB 221 221 208	#DDDDD0
83.3%	83.3% #E4E4DB	RGB 228 228 219	#E4E4DB
100.0%	100.0% #ECECE6	RGB 236 236 230	#ECECE6

#BFBFA8 #C6C6B1 #CECEBB #D5D5C5 #DDDDD0 #E4E4DB #ECECE6

#BFBFA8 - #D5D5C5 - #ECECE6

CSS codes

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

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