#BA5E42 - #FCA95A | 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 #BA5E42 to #FCA95A

#BA5E42 #FCA95A

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

#BA5E42 - #FCA95A | 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 #BA5E42 as 0% and #FCA95A as 100%.

0.0%	0.0% #BA5E42	RGB 186 94 66	#BA5E42
16.7%	16.7% #C56A46	RGB 197 106 70	#C56A46
33.3%	33.3% #D0774A	RGB 208 119 74	#D0774A
50.0%	50.0% #DB834E	RGB 219 131 78	#DB834E
66.7%	66.7% #E69052	RGB 230 144 82	#E69052
83.3%	83.3% #F19C56	RGB 241 156 86	#F19C56
100.0%	100.0% #FCA95A	RGB 252 169 90	#FCA95A

#BA5E42 #C56A46 #D0774A #DB834E #E69052 #F19C56 #FCA95A

#BA5E42 - #FCA95A

HSV Blend

#BA5E42 - #FCA95A | 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 #BA5E42 as 0% and #FCA95A as 100%.

0.0%	0.0% #BA5E42	RGB 186 94 66	#BA5E42
16.7%	16.7% #C56945	RGB 197 105 69	#C56945
33.3%	33.3% #D07449	RGB 208 116 73	#D07449
50.0%	50.0% #DB804D	RGB 219 128 77	#DB804D
66.7%	66.7% #E68D51	RGB 230 141 81	#E68D51
83.3%	83.3% #F19B55	RGB 241 155 85	#F19B55
100.0%	100.0% #FCA95A	RGB 252 169 90	#FCA95A

#BA5E42 #C56945 #D07449 #DB804D #E68D51 #F19B55 #FCA95A

#BA5E42 - #DB804D - #FCA95A

CSS codes

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

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