#BC6F5E - #FFA57C | 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 #BC6F5E to #FFA57C

#BC6F5E #FFA57C

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

#BC6F5E - #FFA57C | 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 #BC6F5E as 0% and #FFA57C as 100%.

0.0%	0.0% #BC6F5E	RGB 188 111 94	#BC6F5E
16.7%	16.7% #C77863	RGB 199 120 99	#C77863
33.3%	33.3% #D28168	RGB 210 129 104	#D28168
50.0%	50.0% #DD8A6D	RGB 221 138 109	#DD8A6D
66.7%	66.7% #E89372	RGB 232 147 114	#E89372
83.3%	83.3% #F39C77	RGB 243 156 119	#F39C77
100.0%	100.0% #FFA57C	RGB 255 165 124	#FFA57C

#BC6F5E #C77863 #D28168 #DD8A6D #E89372 #F39C77 #FFA57C

#BC6F5E - #FFA57C

HSV Blend

#BC6F5E - #FFA57C | 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 #BC6F5E as 0% and #FFA57C as 100%.

0.0%	0.0% #BC6F5E	RGB 188 111 94	#BC6F5E
16.7%	16.7% #C77763	RGB 199 119 99	#C77763
33.3%	33.3% #D28068	RGB 210 128 104	#D28068
50.0%	50.0% #DD886D	RGB 221 136 109	#DD886D
66.7%	66.7% #E89272	RGB 232 146 114	#E89272
83.3%	83.3% #F39B77	RGB 243 155 119	#F39B77
100.0%	100.0% #FFA57C	RGB 255 165 124	#FFA57C

#BC6F5E #C77763 #D28068 #DD886D #E89272 #F39B77 #FFA57C

#BC6F5E - #DD886D - #FFA57C

CSS codes

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

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