#BA6F3E - #FEB557 | 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 #BA6F3E to #FEB557

#BA6F3E #FEB557

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

#BA6F3E - #FEB557 | 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 #BA6F3E as 0% and #FEB557 as 100%.

0.0%	0.0% #BA6F3E	RGB 186 111 62	#BA6F3E
16.7%	16.7% #C57A42	RGB 197 122 66	#C57A42
33.3%	33.3% #D08646	RGB 208 134 70	#D08646
50.0%	50.0% #DC924A	RGB 220 146 74	#DC924A
66.7%	66.7% #E79D4E	RGB 231 157 78	#E79D4E
83.3%	83.3% #F2A952	RGB 242 169 82	#F2A952
100.0%	100.0% #FEB557	RGB 254 181 87	#FEB557

#BA6F3E #C57A42 #D08646 #DC924A #E79D4E #F2A952 #FEB557

#BA6F3E - #FEB557

HSV Blend

#BA6F3E - #FEB557 | 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 #BA6F3E as 0% and #FEB557 as 100%.

0.0%	0.0% #BA6F3E	RGB 186 111 62	#BA6F3E
16.7%	16.7% #C57942	RGB 197 121 66	#C57942
33.3%	33.3% #D08446	RGB 208 132 70	#D08446
50.0%	50.0% #DC904A	RGB 220 144 74	#DC904A
66.7%	66.7% #E79B4E	RGB 231 155 78	#E79B4E
83.3%	83.3% #F2A852	RGB 242 168 82	#F2A852
100.0%	100.0% #FEB557	RGB 254 181 87	#FEB557

#BA6F3E #C57942 #D08446 #DC904A #E79B4E #F2A852 #FEB557

#BA6F3E - #DC904A - #FEB557

CSS codes

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

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