#B57F5E - #FFC57C | 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 #B57F5E to #FFC57C

#B57F5E #FFC57C

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

#B57F5E - #FFC57C | 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 #B57F5E as 0% and #FFC57C as 100%.

0.0%	0.0% #B57F5E	RGB 181 127 94	#B57F5E
16.7%	16.7% #C18A63	RGB 193 138 99	#C18A63
33.3%	33.3% #CD9668	RGB 205 150 104	#CD9668
50.0%	50.0% #DAA26D	RGB 218 162 109	#DAA26D
66.7%	66.7% #E6AD72	RGB 230 173 114	#E6AD72
83.3%	83.3% #F2B977	RGB 242 185 119	#F2B977
100.0%	100.0% #FFC57C	RGB 255 197 124	#FFC57C

#B57F5E #C18A63 #CD9668 #DAA26D #E6AD72 #F2B977 #FFC57C

#B57F5E - #FFC57C

HSV Blend

#B57F5E - #FFC57C | 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 #B57F5E as 0% and #FFC57C as 100%.

0.0%	0.0% #B57F5E	RGB 181 127 94	#B57F5E
16.7%	16.7% #C18963	RGB 193 137 99	#C18963
33.3%	33.3% #CD9468	RGB 205 148 104	#CD9468
50.0%	50.0% #DAA06D	RGB 218 160 109	#DAA06D
66.7%	66.7% #E6AC72	RGB 230 172 114	#E6AC72
83.3%	83.3% #F2B877	RGB 242 184 119	#F2B877
100.0%	100.0% #FFC57C	RGB 255 197 124	#FFC57C

#B57F5E #C18963 #CD9468 #DAA06D #E6AC72 #F2B877 #FFC57C

#B57F5E - #DAA06D - #FFC57C

CSS codes

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

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