#BFAE3E - #ECE7C7 | 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 #BFAE3E to #ECE7C7

#BFAE3E #ECE7C7

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

#BFAE3E - #ECE7C7 | 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 #BFAE3E as 0% and #ECE7C7 as 100%.

0.0%	0.0% #BFAE3E	RGB 191 174 62	#BFAE3E
16.7%	16.7% #C6B754	RGB 198 183 84	#C6B754
33.3%	33.3% #CEC16B	RGB 206 193 107	#CEC16B
50.0%	50.0% #D5CA82	RGB 213 202 130	#D5CA82
66.7%	66.7% #DDD499	RGB 221 212 153	#DDD499
83.3%	83.3% #E4DDB0	RGB 228 221 176	#E4DDB0
100.0%	100.0% #ECE7C7	RGB 236 231 199	#ECE7C7

#BFAE3E #C6B754 #CEC16B #D5CA82 #DDD499 #E4DDB0 #ECE7C7

#BFAE3E - #ECE7C7

HSV Blend

#BFAE3E - #ECE7C7 | 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 #BFAE3E as 0% and #ECE7C7 as 100%.

0.0%	0.0% #BFAE3E	RGB 191 174 62	#BFAE3E
16.7%	16.7% #C6B751	RGB 198 183 81	#C6B751
33.3%	33.3% #CEC066	RGB 206 192 102	#CEC066
50.0%	50.0% #D5C97C	RGB 213 201 124	#D5C97C
66.7%	66.7% #DDD394	RGB 221 211 148	#DDD394
83.3%	83.3% #E4DDAC	RGB 228 221 172	#E4DDAC
100.0%	100.0% #ECE7C7	RGB 236 231 199	#ECE7C7

#BFAE3E #C6B751 #CEC066 #D5C97C #DDD394 #E4DDAC #ECE7C7

#BFAE3E - #D5C97C - #ECE7C7

CSS codes

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

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