#4D320E - #AF6E2B | 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 #4D320E to #AF6E2B

#4D320E #AF6E2B

Calculate the color between two colors, #4D320E and #AF6E2B. 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)

#4D320E - #AF6E2B | 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 #4D320E as 0% and #AF6E2B as 100%.

0.0%	0.0% #4D320E	RGB 77 50 14	#4D320E
16.7%	16.7% #5D3C12	RGB 93 60 18	#5D3C12
33.3%	33.3% #6D4617	RGB 109 70 23	#6D4617
50.0%	50.0% #7E501C	RGB 126 80 28	#7E501C
66.7%	66.7% #8E5A21	RGB 142 90 33	#8E5A21
83.3%	83.3% #9E6426	RGB 158 100 38	#9E6426
100.0%	100.0% #AF6E2B	RGB 175 110 43	#AF6E2B

#4D320E #5D3C12 #6D4617 #7E501C #8E5A21 #9E6426 #AF6E2B

#4D320E - #AF6E2B

HSV Blend

#4D320E - #AF6E2B | 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 #4D320E as 0% and #AF6E2B as 100%.

0.0%	0.0% #4D320E	RGB 77 50 14	#4D320E
16.7%	16.7% #5D3C11	RGB 93 60 17	#5D3C11
33.3%	33.3% #6D4616	RGB 109 70 22	#6D4616
50.0%	50.0% #7E501A	RGB 126 80 26	#7E501A
66.7%	66.7% #8E5A1F	RGB 142 90 31	#8E5A1F
83.3%	83.3% #9E6425	RGB 158 100 37	#9E6425
100.0%	100.0% #AF6E2B	RGB 175 110 43	#AF6E2B

#4D320E #5D3C11 #6D4616 #7E501A #8E5A1F #9E6425 #AF6E2B

#4D320E - #7E501A - #AF6E2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D320E 0%, #7E501A 50%, #AF6E2B 100%);
    background: -webkit-linear-gradient(top, #4D320E 0%, #7E501A 50%, #AF6E2B 100%);
    background: linear-gradient(to bottom, #4D320E 0%, #7E501A 50%, #AF6E2B 100%);
}
</style>