#4D143B - #160510 | 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 #4D143B to #160510

#4D143B #160510

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

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

0.0%	0.0% #4D143B	RGB 77 20 59	#4D143B
16.7%	16.7% #431133	RGB 67 17 51	#431133
33.3%	33.3% #3A0F2C	RGB 58 15 44	#3A0F2C
50.0%	50.0% #310C25	RGB 49 12 37	#310C25
66.7%	66.7% #280A1E	RGB 40 10 30	#280A1E
83.3%	83.3% #1F0717	RGB 31 7 23	#1F0717
100.0%	100.0% #160510	RGB 22 5 16	#160510

#4D143B #431133 #3A0F2C #310C25 #280A1E #1F0717 #160510

#4D143B - #160510

HSV Blend

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

0.0%	0.0% #4D133A	RGB 77 19 58	#4D133A
16.7%	16.7% #431133	RGB 67 17 51	#431133
33.3%	33.3% #3A0E2C	RGB 58 14 44	#3A0E2C
50.0%	50.0% #310C24	RGB 49 12 36	#310C24
66.7%	66.7% #28091D	RGB 40 9 29	#28091D
83.3%	83.3% #1F0716	RGB 31 7 22	#1F0716
100.0%	100.0% #160510	RGB 22 5 16	#160510

#4D133A #431133 #3A0E2C #310C24 #28091D #1F0716 #160510

#4D143B - #310C24 - #160510

CSS codes

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

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