#BCAF3C - #EBE7C7 | 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 #BCAF3C to #EBE7C7

#BCAF3C #EBE7C7

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

#BCAF3C - #EBE7C7 | 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 #BCAF3C as 0% and #EBE7C7 as 100%.

0.0%	0.0% #BCAF3C	RGB 188 175 60	#BCAF3C
16.7%	16.7% #C3B853	RGB 195 184 83	#C3B853
33.3%	33.3% #CBC16A	RGB 203 193 106	#CBC16A
50.0%	50.0% #D3CB81	RGB 211 203 129	#D3CB81
66.7%	66.7% #DBD498	RGB 219 212 152	#DBD498
83.3%	83.3% #E3DDAF	RGB 227 221 175	#E3DDAF
100.0%	100.0% #EBE7C7	RGB 235 231 199	#EBE7C7

#BCAF3C #C3B853 #CBC16A #D3CB81 #DBD498 #E3DDAF #EBE7C7

#BCAF3C - #EBE7C7

HSV Blend

#BCAF3C - #EBE7C7 | 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 #BCAF3C as 0% and #EBE7C7 as 100%.

0.0%	0.0% #BCAF3C	RGB 188 175 60	#BCAF3C
16.7%	16.7% #C3B74F	RGB 195 183 79	#C3B74F
33.3%	33.3% #CBC064	RGB 203 192 100	#CBC064
50.0%	50.0% #D3CA7B	RGB 211 202 123	#D3CA7B
66.7%	66.7% #DBD393	RGB 219 211 147	#DBD393
83.3%	83.3% #E3DDAC	RGB 227 221 172	#E3DDAC
100.0%	100.0% #EBE7C7	RGB 235 231 199	#EBE7C7

#BCAF3C #C3B74F #CBC064 #D3CA7B #DBD393 #E3DDAC #EBE7C7

#BCAF3C - #D3CA7B - #EBE7C7

CSS codes

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

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