#BA8429 - #FCD93B | 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 #BA8429 to #FCD93B

#BA8429 #FCD93B

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

#BA8429 - #FCD93B | 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 #BA8429 as 0% and #FCD93B as 100%.

0.0%	0.0% #BA8429	RGB 186 132 41	#BA8429
16.7%	16.7% #C5922C	RGB 197 146 44	#C5922C
33.3%	33.3% #D0A02F	RGB 208 160 47	#D0A02F
50.0%	50.0% #DBAE32	RGB 219 174 50	#DBAE32
66.7%	66.7% #E6BC35	RGB 230 188 53	#E6BC35
83.3%	83.3% #F1CA38	RGB 241 202 56	#F1CA38
100.0%	100.0% #FCD93B	RGB 252 217 59	#FCD93B

#BA8429 #C5922C #D0A02F #DBAE32 #E6BC35 #F1CA38 #FCD93B

#BA8429 - #FCD93B

HSV Blend

#BA8429 - #FCD93B | 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 #BA8429 as 0% and #FCD93B as 100%.

0.0%	0.0% #BA8429	RGB 186 132 41	#BA8429
16.7%	16.7% #C5902B	RGB 197 144 43	#C5902B
33.3%	33.3% #D09E2E	RGB 208 158 46	#D09E2E
50.0%	50.0% #DBAC31	RGB 219 172 49	#DBAC31
66.7%	66.7% #E6BA34	RGB 230 186 52	#E6BA34
83.3%	83.3% #F1C937	RGB 241 201 55	#F1C937
100.0%	100.0% #FCD93B	RGB 252 217 59	#FCD93B

#BA8429 #C5902B #D09E2E #DBAC31 #E6BA34 #F1C937 #FCD93B

#BA8429 - #DBAC31 - #FCD93B

CSS codes

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

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