#4D141C - #160508 | 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 #4D141C to #160508

#4D141C #160508

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

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

0.0%	0.0% #4D141C	RGB 77 20 28	#4D141C
16.7%	16.7% #431118	RGB 67 17 24	#431118
33.3%	33.3% #3A0F15	RGB 58 15 21	#3A0F15
50.0%	50.0% #310C12	RGB 49 12 18	#310C12
66.7%	66.7% #280A0E	RGB 40 10 14	#280A0E
83.3%	83.3% #1F070B	RGB 31 7 11	#1F070B
100.0%	100.0% #160508	RGB 22 5 8	#160508

#4D141C #431118 #3A0F15 #310C12 #280A0E #1F070B #160508

#4D141C - #160508

HSV Blend

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

0.0%	0.0% #4D131C	RGB 77 19 28	#4D131C
16.7%	16.7% #431118	RGB 67 17 24	#431118
33.3%	33.3% #3A0E15	RGB 58 14 21	#3A0E15
50.0%	50.0% #310C11	RGB 49 12 17	#310C11
66.7%	66.7% #28090E	RGB 40 9 14	#28090E
83.3%	83.3% #1F070B	RGB 31 7 11	#1F070B
100.0%	100.0% #160508	RGB 22 5 8	#160508

#4D131C #431118 #3A0E15 #310C11 #28090E #1F070B #160508

#4D141C - #310C11 - #160508

CSS codes

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

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