#BA5A32 - #FEB542 | 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 #BA5A32 to #FEB542

#BA5A32 #FEB542

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

#BA5A32 - #FEB542 | 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 #BA5A32 as 0% and #FEB542 as 100%.

0.0%	0.0% #BA5A32	RGB 186 90 50	#BA5A32
16.7%	16.7% #C56934	RGB 197 105 52	#C56934
33.3%	33.3% #D07837	RGB 208 120 55	#D07837
50.0%	50.0% #DC873A	RGB 220 135 58	#DC873A
66.7%	66.7% #E7963C	RGB 231 150 60	#E7963C
83.3%	83.3% #F2A53F	RGB 242 165 63	#F2A53F
100.0%	100.0% #FEB542	RGB 254 181 66	#FEB542

#BA5A32 #C56934 #D07837 #DC873A #E7963C #F2A53F #FEB542

#BA5A32 - #FEB542

HSV Blend

#BA5A32 - #FEB542 | 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 #BA5A32 as 0% and #FEB542 as 100%.

0.0%	0.0% #BA5A32	RGB 186 90 50	#BA5A32
16.7%	16.7% #C56634	RGB 197 102 52	#C56634
33.3%	33.3% #D07437	RGB 208 116 55	#D07437
50.0%	50.0% #DC833A	RGB 220 131 58	#DC833A
66.7%	66.7% #E7933C	RGB 231 147 60	#E7933C
83.3%	83.3% #F2A33F	RGB 242 163 63	#F2A33F
100.0%	100.0% #FEB542	RGB 254 181 66	#FEB542

#BA5A32 #C56634 #D07437 #DC833A #E7933C #F2A33F #FEB542

#BA5A32 - #DC833A - #FEB542

CSS codes

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

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