#BDBDA6 - #FFE6B7 | 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 #BDBDA6 to #FFE6B7

#BDBDA6 #FFE6B7

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

#BDBDA6 - #FFE6B7 | 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 #BDBDA6 as 0% and #FFE6B7 as 100%.

0.0%	0.0% #BDBDA6	RGB 189 189 166	#BDBDA6
16.7%	16.7% #C8C3A8	RGB 200 195 168	#C8C3A8
33.3%	33.3% #D3CAAB	RGB 211 202 171	#D3CAAB
50.0%	50.0% #DED1AE	RGB 222 209 174	#DED1AE
66.7%	66.7% #E9D8B1	RGB 233 216 177	#E9D8B1
83.3%	83.3% #F4DFB4	RGB 244 223 180	#F4DFB4
100.0%	100.0% #FFE6B7	RGB 255 230 183	#FFE6B7

#BDBDA6 #C8C3A8 #D3CAAB #DED1AE #E9D8B1 #F4DFB4 #FFE6B7

#BDBDA6 - #FFE6B7

HSV Blend

#BDBDA6 - #FFE6B7 | 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 #BDBDA6 as 0% and #FFE6B7 as 100%.

0.0%	0.0% #BDBDA6	RGB 189 189 166	#BDBDA6
16.7%	16.7% #C8C6AA	RGB 200 198 170	#C8C6AA
33.3%	33.3% #D3CEAE	RGB 211 206 174	#D3CEAE
50.0%	50.0% #DED6B1	RGB 222 214 177	#DED6B1
66.7%	66.7% #E9DCB3	RGB 233 220 179	#E9DCB3
83.3%	83.3% #F4E1B5	RGB 244 225 181	#F4E1B5
100.0%	100.0% #FFE6B7	RGB 255 230 183	#FFE6B7

#BDBDA6 #C8C6AA #D3CEAE #DED6B1 #E9DCB3 #F4E1B5 #FFE6B7

#BDBDA6 - #DED6B1 - #FFE6B7

CSS codes

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

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