#BDBDAB - #FFE6BA | 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 #BDBDAB to #FFE6BA

#BDBDAB #FFE6BA

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

#BDBDAB - #FFE6BA | 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 #BDBDAB as 0% and #FFE6BA as 100%.

0.0%	0.0% #BDBDAB	RGB 189 189 171	#BDBDAB
16.7%	16.7% #C8C3AD	RGB 200 195 173	#C8C3AD
33.3%	33.3% #D3CAB0	RGB 211 202 176	#D3CAB0
50.0%	50.0% #DED1B2	RGB 222 209 178	#DED1B2
66.7%	66.7% #E9D8B5	RGB 233 216 181	#E9D8B5
83.3%	83.3% #F4DFB7	RGB 244 223 183	#F4DFB7
100.0%	100.0% #FFE6BA	RGB 255 230 186	#FFE6BA

#BDBDAB #C8C3AD #D3CAB0 #DED1B2 #E9D8B5 #F4DFB7 #FFE6BA

#BDBDAB - #FFE6BA

HSV Blend

#BDBDAB - #FFE6BA | 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 #BDBDAB as 0% and #FFE6BA as 100%.

0.0%	0.0% #BDBDAB	RGB 189 189 171	#BDBDAB
16.7%	16.7% #C8C6AF	RGB 200 198 175	#C8C6AF
33.3%	33.3% #D3CFB2	RGB 211 207 178	#D3CFB2
50.0%	50.0% #DED6B5	RGB 222 214 181	#DED6B5
66.7%	66.7% #E9DDB7	RGB 233 221 183	#E9DDB7
83.3%	83.3% #F4E2B9	RGB 244 226 185	#F4E2B9
100.0%	100.0% #FFE6BA	RGB 255 230 186	#FFE6BA

#BDBDAB #C8C6AF #D3CFB2 #DED6B5 #E9DDB7 #F4E2B9 #FFE6BA

#BDBDAB - #DED6B5 - #FFE6BA

CSS codes

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

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