#502F24 - #AF7D3E | 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 #502F24 to #AF7D3E

#502F24 #AF7D3E

Calculate the color between two colors, #502F24 and #AF7D3E. 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)

#502F24 - #AF7D3E | 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 #502F24 as 0% and #AF7D3E as 100%.

0.0%	0.0% #502F24	RGB 80 47 36	#502F24
16.7%	16.7% #5F3C28	RGB 95 60 40	#5F3C28
33.3%	33.3% #6F492C	RGB 111 73 44	#6F492C
50.0%	50.0% #7F5631	RGB 127 86 49	#7F5631
66.7%	66.7% #8F6335	RGB 143 99 53	#8F6335
83.3%	83.3% #9F7039	RGB 159 112 57	#9F7039
100.0%	100.0% #AF7D3E	RGB 175 125 62	#AF7D3E

#502F24 #5F3C28 #6F492C #7F5631 #8F6335 #9F7039 #AF7D3E

#502F24 - #AF7D3E

HSV Blend

#502F24 - #AF7D3E | 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 #502F24 as 0% and #AF7D3E as 100%.

0.0%	0.0% #502F24	RGB 80 47 36	#502F24
16.7%	16.7% #5F3929	RGB 95 57 41	#5F3929
33.3%	33.3% #6F452E	RGB 111 69 46	#6F452E
50.0%	50.0% #7F5233	RGB 127 82 51	#7F5233
66.7%	66.7% #8F5F37	RGB 143 95 55	#8F5F37
83.3%	83.3% #9F6D3A	RGB 159 109 58	#9F6D3A
100.0%	100.0% #AF7D3E	RGB 175 125 62	#AF7D3E

#502F24 #5F3929 #6F452E #7F5233 #8F5F37 #9F6D3A #AF7D3E

#502F24 - #7F5233 - #AF7D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #502F24 0%, #7F5233 50%, #AF7D3E 100%);
    background: -webkit-linear-gradient(top, #502F24 0%, #7F5233 50%, #AF7D3E 100%);
    background: linear-gradient(to bottom, #502F24 0%, #7F5233 50%, #AF7D3E 100%);
}
</style>