#BD9A5E - #FFEC7C | 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 #BD9A5E to #FFEC7C

#BD9A5E #FFEC7C

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

#BD9A5E - #FFEC7C | 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 #BD9A5E as 0% and #FFEC7C as 100%.

0.0%	0.0% #BD9A5E	RGB 189 154 94	#BD9A5E
16.7%	16.7% #C8A763	RGB 200 167 99	#C8A763
33.3%	33.3% #D3B568	RGB 211 181 104	#D3B568
50.0%	50.0% #DEC36D	RGB 222 195 109	#DEC36D
66.7%	66.7% #E9D072	RGB 233 208 114	#E9D072
83.3%	83.3% #F4DE77	RGB 244 222 119	#F4DE77
100.0%	100.0% #FFEC7C	RGB 255 236 124	#FFEC7C

#BD9A5E #C8A763 #D3B568 #DEC36D #E9D072 #F4DE77 #FFEC7C

#BD9A5E - #FFEC7C

HSV Blend

#BD9A5E - #FFEC7C | 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 #BD9A5E as 0% and #FFEC7C as 100%.

0.0%	0.0% #BD9A5E	RGB 189 154 94	#BD9A5E
16.7%	16.7% #C8A663	RGB 200 166 99	#C8A663
33.3%	33.3% #D3B368	RGB 211 179 104	#D3B368
50.0%	50.0% #DEC16D	RGB 222 193 109	#DEC16D
66.7%	66.7% #E9CE72	RGB 233 206 114	#E9CE72
83.3%	83.3% #F4DD77	RGB 244 221 119	#F4DD77
100.0%	100.0% #FFEC7C	RGB 255 236 124	#FFEC7C

#BD9A5E #C8A663 #D3B368 #DEC16D #E9CE72 #F4DD77 #FFEC7C

#BD9A5E - #DEC16D - #FFEC7C

CSS codes

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

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