#4D2B13 - #AA6632 | 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 #4D2B13 to #AA6632

#4D2B13 #AA6632

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

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

0.0%	0.0% #4D2B13	RGB 77 43 19	#4D2B13
16.7%	16.7% #5C3418	RGB 92 52 24	#5C3418
33.3%	33.3% #6C3E1D	RGB 108 62 29	#6C3E1D
50.0%	50.0% #7B4822	RGB 123 72 34	#7B4822
66.7%	66.7% #8B5227	RGB 139 82 39	#8B5227
83.3%	83.3% #9A5C2C	RGB 154 92 44	#9A5C2C
100.0%	100.0% #AA6632	RGB 170 102 50	#AA6632

#4D2B13 #5C3418 #6C3E1D #7B4822 #8B5227 #9A5C2C #AA6632

#4D2B13 - #AA6632

HSV Blend

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

0.0%	0.0% #4D2B13	RGB 77 43 19	#4D2B13
16.7%	16.7% #5C3417	RGB 92 52 23	#5C3417
33.3%	33.3% #6C3D1C	RGB 108 61 28	#6C3D1C
50.0%	50.0% #7B4721	RGB 123 71 33	#7B4721
66.7%	66.7% #8B5126	RGB 139 81 38	#8B5126
83.3%	83.3% #9A5B2C	RGB 154 91 44	#9A5B2C
100.0%	100.0% #AA6632	RGB 170 102 50	#AA6632

#4D2B13 #5C3417 #6C3D1C #7B4721 #8B5126 #9A5B2C #AA6632

#4D2B13 - #7B4721 - #AA6632

CSS codes

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

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