#4D0709 - #8D1F3E | 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 #4D0709 to #8D1F3E

#4D0709 #8D1F3E

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

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

0.0%	0.0% #4D0709	RGB 77 7 9	#4D0709
16.7%	16.7% #570B11	RGB 87 11 17	#570B11
33.3%	33.3% #620F1A	RGB 98 15 26	#620F1A
50.0%	50.0% #6D1323	RGB 109 19 35	#6D1323
66.7%	66.7% #77172C	RGB 119 23 44	#77172C
83.3%	83.3% #821B35	RGB 130 27 53	#821B35
100.0%	100.0% #8D1F3E	RGB 141 31 62	#8D1F3E

#4D0709 #570B11 #620F1A #6D1323 #77172C #821B35 #8D1F3E

#4D0709 - #8D1F3E

HSV Blend

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

0.0%	0.0% #4D0708	RGB 77 7 8	#4D0708
16.7%	16.7% #57090F	RGB 87 9 15	#57090F
33.3%	33.3% #620D16	RGB 98 13 22	#620D16
50.0%	50.0% #6D101F	RGB 109 16 31	#6D101F
66.7%	66.7% #771528	RGB 119 21 40	#771528
83.3%	83.3% #821932	RGB 130 25 50	#821932
100.0%	100.0% #8D1F3E	RGB 141 31 62	#8D1F3E

#4D0708 #57090F #620D16 #6D101F #771528 #821932 #8D1F3E

#4D0709 - #6D101F - #8D1F3E

CSS codes

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

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