#4D1431 - #16060D | 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 #4D1431 to #16060D

#4D1431 #16060D

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

#4D1431 - #16060D | 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 #4D1431 as 0% and #16060D as 100%.

0.0%	0.0% #4D1431	RGB 77 20 49	#4D1431
16.7%	16.7% #43112B	RGB 67 17 43	#43112B
33.3%	33.3% #3A0F25	RGB 58 15 37	#3A0F25
50.0%	50.0% #310D1F	RGB 49 13 31	#310D1F
66.7%	66.7% #280A19	RGB 40 10 25	#280A19
83.3%	83.3% #1F0813	RGB 31 8 19	#1F0813
100.0%	100.0% #16060D	RGB 22 6 13	#16060D

#4D1431 #43112B #3A0F25 #310D1F #280A19 #1F0813 #16060D

#4D1431 - #16060D

HSV Blend

#4D1431 - #16060D | 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 #4D1431 as 0% and #16060D as 100%.

0.0%	0.0% #4D1331	RGB 77 19 49	#4D1331
16.7%	16.7% #43112A	RGB 67 17 42	#43112A
33.3%	33.3% #3A0F24	RGB 58 15 36	#3A0F24
50.0%	50.0% #310D1E	RGB 49 13 30	#310D1E
66.7%	66.7% #280A18	RGB 40 10 24	#280A18
83.3%	83.3% #1F0812	RGB 31 8 18	#1F0812
100.0%	100.0% #16060D	RGB 22 6 13	#16060D

#4D1331 #43112A #3A0F24 #310D1E #280A18 #1F0812 #16060D

#4D1431 - #310D1E - #16060D

CSS codes

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

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