#4D2121 - #160909 | 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 #4D2121 to #160909

#4D2121 #160909

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

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

0.0%	0.0% #4D2121	RGB 77 33 33	#4D2121
16.7%	16.7% #431D1D	RGB 67 29 29	#431D1D
33.3%	33.3% #3A1919	RGB 58 25 25	#3A1919
50.0%	50.0% #311515	RGB 49 21 21	#311515
66.7%	66.7% #281111	RGB 40 17 17	#281111
83.3%	83.3% #1F0D0D	RGB 31 13 13	#1F0D0D
100.0%	100.0% #160909	RGB 22 9 9	#160909

#4D2121 #431D1D #3A1919 #311515 #281111 #1F0D0D #160909

#4D2121 - #160909

HSV Blend

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

0.0%	0.0% #4D2121	RGB 77 33 33	#4D2121
16.7%	16.7% #431C1C	RGB 67 28 28	#431C1C
33.3%	33.3% #3A1818	RGB 58 24 24	#3A1818
50.0%	50.0% #311414	RGB 49 20 20	#311414
66.7%	66.7% #281010	RGB 40 16 16	#281010
83.3%	83.3% #1F0C0C	RGB 31 12 12	#1F0C0C
100.0%	100.0% #160909	RGB 22 9 9	#160909

#4D2121 #431C1C #3A1818 #311414 #281010 #1F0C0C #160909

#4D2121 - #311414 - #160909

CSS codes

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

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