#AF613C - #5E2809 | 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 #AF613C to #5E2809

#AF613C #5E2809

Calculate the color between two colors, #AF613C and #5E2809. 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)

#AF613C - #5E2809 | 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 #AF613C as 0% and #5E2809 as 100%.

0.0%	0.0% #AF613C	RGB 175 97 60	#AF613C
16.7%	16.7% #A15733	RGB 161 87 51	#A15733
33.3%	33.3% #944E2B	RGB 148 78 43	#944E2B
50.0%	50.0% #864422	RGB 134 68 34	#864422
66.7%	66.7% #793B1A	RGB 121 59 26	#793B1A
83.3%	83.3% #6B3111	RGB 107 49 17	#6B3111
100.0%	100.0% #5E2809	RGB 94 40 9	#5E2809

#AF613C #A15733 #944E2B #864422 #793B1A #6B3111 #5E2809

#AF613C - #5E2809

HSV Blend

#AF613C - #5E2809 | 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 #AF613C as 0% and #5E2809 as 100%.

0.0%	0.0% #AF613C	RGB 175 97 60	#AF613C
16.7%	16.7% #A15530	RGB 161 85 48	#A15530
33.3%	33.3% #944B26	RGB 148 75 38	#944B26
50.0%	50.0% #86411D	RGB 134 65 29	#86411D
66.7%	66.7% #793815	RGB 121 56 21	#793815
83.3%	83.3% #6B2F0E	RGB 107 47 14	#6B2F0E
100.0%	100.0% #5E2809	RGB 94 40 9	#5E2809

#AF613C #A15530 #944B26 #86411D #793815 #6B2F0E #5E2809

#AF613C - #86411D - #5E2809

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF613C 0%, #86411D 50%, #5E2809 100%);
    background: -webkit-linear-gradient(top, #AF613C 0%, #86411D 50%, #5E2809 100%);
    background: linear-gradient(to bottom, #AF613C 0%, #86411D 50%, #5E2809 100%);
}
</style>