#4D0202 - #8C281A | 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 #4D0202 to #8C281A

#4D0202 #8C281A

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

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

0.0%	0.0% #4D0202	RGB 77 2 2	#4D0202
16.7%	16.7% #570806	RGB 87 8 6	#570806
33.3%	33.3% #620E0A	RGB 98 14 10	#620E0A
50.0%	50.0% #6C150E	RGB 108 21 14	#6C150E
66.7%	66.7% #771B12	RGB 119 27 18	#771B12
83.3%	83.3% #812116	RGB 129 33 22	#812116
100.0%	100.0% #8C281A	RGB 140 40 26	#8C281A

#4D0202 #570806 #620E0A #6C150E #771B12 #812116 #8C281A

#4D0202 - #8C281A

HSV Blend

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

0.0%	0.0% #4D0202	RGB 77 2 2	#4D0202
16.7%	16.7% #570604	RGB 87 6 4	#570604
33.3%	33.3% #620B07	RGB 98 11 7	#620B07
50.0%	50.0% #6C110B	RGB 108 17 11	#6C110B
66.7%	66.7% #77180F	RGB 119 24 15	#77180F
83.3%	83.3% #811F14	RGB 129 31 20	#811F14
100.0%	100.0% #8C281A	RGB 140 40 26	#8C281A

#4D0202 #570604 #620B07 #6C110B #77180F #811F14 #8C281A

#4D0202 - #6C110B - #8C281A

CSS codes

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

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