#4D0E08 - #160402 | 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 #4D0E08 to #160402

#4D0E08 #160402

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

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

0.0%	0.0% #4D0E08	RGB 77 14 8	#4D0E08
16.7%	16.7% #430C07	RGB 67 12 7	#430C07
33.3%	33.3% #3A0A06	RGB 58 10 6	#3A0A06
50.0%	50.0% #310905	RGB 49 9 5	#310905
66.7%	66.7% #280704	RGB 40 7 4	#280704
83.3%	83.3% #1F0503	RGB 31 5 3	#1F0503
100.0%	100.0% #160402	RGB 22 4 2	#160402

#4D0E08 #430C07 #3A0A06 #310905 #280704 #1F0503 #160402

#4D0E08 - #160402

HSV Blend

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

0.0%	0.0% #4D0D07	RGB 77 13 7	#4D0D07
16.7%	16.7% #430C06	RGB 67 12 6	#430C06
33.3%	33.3% #3A0A05	RGB 58 10 5	#3A0A05
50.0%	50.0% #310804	RGB 49 8 4	#310804
66.7%	66.7% #280703	RGB 40 7 3	#280703
83.3%	83.3% #1F0502	RGB 31 5 2	#1F0502
100.0%	100.0% #160402	RGB 22 4 2	#160402

#4D0D07 #430C06 #3A0A05 #310804 #280703 #1F0502 #160402

#4D0E08 - #310804 - #160402

CSS codes

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

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