#4D221B - #A55D3E | 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 #4D221B to #A55D3E

#4D221B #A55D3E

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

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

0.0%	0.0% #4D221B	RGB 77 34 27	#4D221B
16.7%	16.7% #5B2B20	RGB 91 43 32	#5B2B20
33.3%	33.3% #6A3526	RGB 106 53 38	#6A3526
50.0%	50.0% #793F2C	RGB 121 63 44	#793F2C
66.7%	66.7% #874932	RGB 135 73 50	#874932
83.3%	83.3% #965338	RGB 150 83 56	#965338
100.0%	100.0% #A55D3E	RGB 165 93 62	#A55D3E

#4D221B #5B2B20 #6A3526 #793F2C #874932 #965338 #A55D3E

#4D221B - #A55D3E

HSV Blend

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

0.0%	0.0% #4D221B	RGB 77 34 27	#4D221B
16.7%	16.7% #5B2A20	RGB 91 42 32	#5B2A20
33.3%	33.3% #6A3326	RGB 106 51 38	#6A3326
50.0%	50.0% #793C2B	RGB 121 60 43	#793C2B
66.7%	66.7% #874731	RGB 135 71 49	#874731
83.3%	83.3% #965137	RGB 150 81 55	#965137
100.0%	100.0% #A55D3E	RGB 165 93 62	#A55D3E

#4D221B #5B2A20 #6A3326 #793C2B #874731 #965137 #A55D3E

#4D221B - #793C2B - #A55D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D221B 0%, #793C2B 50%, #A55D3E 100%);
    background: -webkit-linear-gradient(top, #4D221B 0%, #793C2B 50%, #A55D3E 100%);
    background: linear-gradient(to bottom, #4D221B 0%, #793C2B 50%, #A55D3E 100%);
}
</style>