#BFBDB3 - #FFE8C3 | 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 #BFBDB3 to #FFE8C3

#BFBDB3 #FFE8C3

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

#BFBDB3 - #FFE8C3 | 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 #BFBDB3 as 0% and #FFE8C3 as 100%.

0.0%	0.0% #BFBDB3	RGB 191 189 179	#BFBDB3
16.7%	16.7% #C9C4B5	RGB 201 196 181	#C9C4B5
33.3%	33.3% #D4CBB8	RGB 212 203 184	#D4CBB8
50.0%	50.0% #DFD2BB	RGB 223 210 187	#DFD2BB
66.7%	66.7% #E9D9BD	RGB 233 217 189	#E9D9BD
83.3%	83.3% #F4E0C0	RGB 244 224 192	#F4E0C0
100.0%	100.0% #FFE8C3	RGB 255 232 195	#FFE8C3

#BFBDB3 #C9C4B5 #D4CBB8 #DFD2BB #E9D9BD #F4E0C0 #FFE8C3

#BFBDB3 - #FFE8C3

HSV Blend

#BFBDB3 - #FFE8C3 | 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 #BFBDB3 as 0% and #FFE8C3 as 100%.

0.0%	0.0% #BFBDB3	RGB 191 189 179	#BFBDB3
16.7%	16.7% #C9C5B7	RGB 201 197 183	#C9C5B7
33.3%	33.3% #D4CEBA	RGB 212 206 186	#D4CEBA
50.0%	50.0% #DFD5BD	RGB 223 213 189	#DFD5BD
66.7%	66.7% #E9DCC0	RGB 233 220 192	#E9DCC0
83.3%	83.3% #F4E2C1	RGB 244 226 193	#F4E2C1
100.0%	100.0% #FFE8C3	RGB 255 232 195	#FFE8C3

#BFBDB3 #C9C5B7 #D4CEBA #DFD5BD #E9DCC0 #F4E2C1 #FFE8C3

#BFBDB3 - #DFD5BD - #FFE8C3

CSS codes

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

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