#BFBDB6 - #FFE8C6 | 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 #BFBDB6 to #FFE8C6

#BFBDB6 #FFE8C6

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

#BFBDB6 - #FFE8C6 | 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 #BFBDB6 as 0% and #FFE8C6 as 100%.

0.0%	0.0% #BFBDB6	RGB 191 189 182	#BFBDB6
16.7%	16.7% #C9C4B8	RGB 201 196 184	#C9C4B8
33.3%	33.3% #D4CBBB	RGB 212 203 187	#D4CBBB
50.0%	50.0% #DFD2BE	RGB 223 210 190	#DFD2BE
66.7%	66.7% #E9D9C0	RGB 233 217 192	#E9D9C0
83.3%	83.3% #F4E0C3	RGB 244 224 195	#F4E0C3
100.0%	100.0% #FFE8C6	RGB 255 232 198	#FFE8C6

#BFBDB6 #C9C4B8 #D4CBBB #DFD2BE #E9D9C0 #F4E0C3 #FFE8C6

#BFBDB6 - #FFE8C6

HSV Blend

#BFBDB6 - #FFE8C6 | 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 #BFBDB6 as 0% and #FFE8C6 as 100%.

0.0%	0.0% #BFBDB6	RGB 191 189 182	#BFBDB6
16.7%	16.7% #C9C5BA	RGB 201 197 186	#C9C5BA
33.3%	33.3% #D4CDBD	RGB 212 205 189	#D4CDBD
50.0%	50.0% #DFD5C0	RGB 223 213 192	#DFD5C0
66.7%	66.7% #E9DCC3	RGB 233 220 195	#E9DCC3
83.3%	83.3% #F4E2C4	RGB 244 226 196	#F4E2C4
100.0%	100.0% #FFE8C6	RGB 255 232 198	#FFE8C6

#BFBDB6 #C9C5BA #D4CDBD #DFD5C0 #E9DCC3 #F4E2C4 #FFE8C6

#BFBDB6 - #DFD5C0 - #FFE8C6

CSS codes

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

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