#4D1B1B - #A15440 | 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 #4D1B1B to #A15440

#4D1B1B #A15440

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

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

0.0%	0.0% #4D1B1B	RGB 77 27 27	#4D1B1B
16.7%	16.7% #5B2421	RGB 91 36 33	#5B2421
33.3%	33.3% #692E27	RGB 105 46 39	#692E27
50.0%	50.0% #77372D	RGB 119 55 45	#77372D
66.7%	66.7% #854133	RGB 133 65 51	#854133
83.3%	83.3% #934A39	RGB 147 74 57	#934A39
100.0%	100.0% #A15440	RGB 161 84 64	#A15440

#4D1B1B #5B2421 #692E27 #77372D #854133 #934A39 #A15440

#4D1B1B - #A15440

HSV Blend

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

0.0%	0.0% #4D1B1B	RGB 77 27 27	#4D1B1B
16.7%	16.7% #5B2220	RGB 91 34 32	#5B2220
33.3%	33.3% #692B26	RGB 105 43 38	#692B26
50.0%	50.0% #77342C	RGB 119 52 44	#77342C
66.7%	66.7% #853E32	RGB 133 62 50	#853E32
83.3%	83.3% #934839	RGB 147 72 57	#934839
100.0%	100.0% #A15440	RGB 161 84 64	#A15440

#4D1B1B #5B2220 #692B26 #77342C #853E32 #934839 #A15440

#4D1B1B - #77342C - #A15440

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D1B1B 0%, #77342C 50%, #A15440 100%);
    background: -webkit-linear-gradient(top, #4D1B1B 0%, #77342C 50%, #A15440 100%);
    background: linear-gradient(to bottom, #4D1B1B 0%, #77342C 50%, #A15440 100%);
}
</style>