#4D0E11 - #8C4753 | 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 #4D0E11 to #8C4753

#4D0E11 #8C4753

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

#4D0E11 - #8C4753 | 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 #4D0E11 as 0% and #8C4753 as 100%.

0.0%	0.0% #4D0E11	RGB 77 14 17	#4D0E11
16.7%	16.7% #57171C	RGB 87 23 28	#57171C
33.3%	33.3% #622127	RGB 98 33 39	#622127
50.0%	50.0% #6C2A32	RGB 108 42 50	#6C2A32
66.7%	66.7% #77343D	RGB 119 52 61	#77343D
83.3%	83.3% #813D48	RGB 129 61 72	#813D48
100.0%	100.0% #8C4753	RGB 140 71 83	#8C4753

#4D0E11 #57171C #622127 #6C2A32 #77343D #813D48 #8C4753

#4D0E11 - #8C4753

HSV Blend

#4D0E11 - #8C4753 | 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 #4D0E11 as 0% and #8C4753 as 100%.

0.0%	0.0% #4D0E10	RGB 77 14 16	#4D0E10
16.7%	16.7% #571419	RGB 87 20 25	#571419
33.3%	33.3% #621C22	RGB 98 28 34	#621C22
50.0%	50.0% #6C252D	RGB 108 37 45	#6C252D
66.7%	66.7% #772F38	RGB 119 47 56	#772F38
83.3%	83.3% #813A45	RGB 129 58 69	#813A45
100.0%	100.0% #8C4753	RGB 140 71 83	#8C4753

#4D0E10 #571419 #621C22 #6C252D #772F38 #813A45 #8C4753

#4D0E11 - #6C252D - #8C4753

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D0E10 0%, #6C252D 50%, #8C4753 100%);
    background: -webkit-linear-gradient(top, #4D0E10 0%, #6C252D 50%, #8C4753 100%);
    background: linear-gradient(to bottom, #4D0E10 0%, #6C252D 50%, #8C4753 100%);
}
</style>