#BC8F3E - #FFCB5B | 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 #BC8F3E to #FFCB5B

#BC8F3E #FFCB5B

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

#BC8F3E - #FFCB5B | 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 #BC8F3E as 0% and #FFCB5B as 100%.

0.0%	0.0% #BC8F3E	RGB 188 143 62	#BC8F3E
16.7%	16.7% #C79942	RGB 199 153 66	#C79942
33.3%	33.3% #D2A347	RGB 210 163 71	#D2A347
50.0%	50.0% #DDAD4C	RGB 221 173 76	#DDAD4C
66.7%	66.7% #E8B751	RGB 232 183 81	#E8B751
83.3%	83.3% #F3C156	RGB 243 193 86	#F3C156
100.0%	100.0% #FFCB5B	RGB 255 203 91	#FFCB5B

#BC8F3E #C79942 #D2A347 #DDAD4C #E8B751 #F3C156 #FFCB5B

#BC8F3E - #FFCB5B

HSV Blend

#BC8F3E - #FFCB5B | 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 #BC8F3E as 0% and #FFCB5B as 100%.

0.0%	0.0% #BC8F3E	RGB 188 143 62	#BC8F3E
16.7%	16.7% #C79842	RGB 199 152 66	#C79842
33.3%	33.3% #D2A247	RGB 210 162 71	#D2A247
50.0%	50.0% #DDAC4C	RGB 221 172 76	#DDAC4C
66.7%	66.7% #E8B650	RGB 232 182 80	#E8B650
83.3%	83.3% #F3C055	RGB 243 192 85	#F3C055
100.0%	100.0% #FFCB5B	RGB 255 203 91	#FFCB5B

#BC8F3E #C79842 #D2A247 #DDAC4C #E8B650 #F3C055 #FFCB5B

#BC8F3E - #DDAC4C - #FFCB5B

CSS codes

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

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