#AF5E3C - #F8B952 | 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 #AF5E3C to #F8B952

#AF5E3C #F8B952

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

#AF5E3C - #F8B952 | 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 #AF5E3C as 0% and #F8B952 as 100%.

0.0%	0.0% #AF5E3C	RGB 175 94 60	#AF5E3C
16.7%	16.7% #BB6D3F	RGB 187 109 63	#BB6D3F
33.3%	33.3% #C77C43	RGB 199 124 67	#C77C43
50.0%	50.0% #D38B47	RGB 211 139 71	#D38B47
66.7%	66.7% #DF9A4A	RGB 223 154 74	#DF9A4A
83.3%	83.3% #EBA94E	RGB 235 169 78	#EBA94E
100.0%	100.0% #F8B952	RGB 248 185 82	#F8B952

#AF5E3C #BB6D3F #C77C43 #D38B47 #DF9A4A #EBA94E #F8B952

#AF5E3C - #F8B952

HSV Blend

#AF5E3C - #F8B952 | 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 #AF5E3C as 0% and #F8B952 as 100%.

0.0%	0.0% #AF5E3C	RGB 175 94 60	#AF5E3C
16.7%	16.7% #BB6A3F	RGB 187 106 63	#BB6A3F
33.3%	33.3% #C77843	RGB 199 120 67	#C77843
50.0%	50.0% #D38747	RGB 211 135 71	#D38747
66.7%	66.7% #DF974A	RGB 223 151 74	#DF974A
83.3%	83.3% #EBA74E	RGB 235 167 78	#EBA74E
100.0%	100.0% #F8B952	RGB 248 185 82	#F8B952

#AF5E3C #BB6A3F #C77843 #D38747 #DF974A #EBA74E #F8B952

#AF5E3C - #D38747 - #F8B952

CSS codes

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

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