#4D2121 - #A65E48 | 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 #4D2121 to #A65E48

#4D2121 #A65E48

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

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

0.0%	0.0% #4D2121	RGB 77 33 33	#4D2121
16.7%	16.7% #5B2B27	RGB 91 43 39	#5B2B27
33.3%	33.3% #6A352E	RGB 106 53 46	#6A352E
50.0%	50.0% #793F34	RGB 121 63 52	#793F34
66.7%	66.7% #88493B	RGB 136 73 59	#88493B
83.3%	83.3% #975341	RGB 151 83 65	#975341
100.0%	100.0% #A65E48	RGB 166 94 72	#A65E48

#4D2121 #5B2B27 #6A352E #793F34 #88493B #975341 #A65E48

#4D2121 - #A65E48

HSV Blend

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

0.0%	0.0% #4D2121	RGB 77 33 33	#4D2121
16.7%	16.7% #5B2927	RGB 91 41 39	#5B2927
33.3%	33.3% #6A322D	RGB 106 50 45	#6A322D
50.0%	50.0% #793C34	RGB 121 60 52	#793C34
66.7%	66.7% #88463A	RGB 136 70 58	#88463A
83.3%	83.3% #975241	RGB 151 82 65	#975241
100.0%	100.0% #A65E48	RGB 166 94 72	#A65E48

#4D2121 #5B2927 #6A322D #793C34 #88463A #975241 #A65E48

#4D2121 - #793C34 - #A65E48

CSS codes

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

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