#4D1808 - #160602 | 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 #4D1808 to #160602

#4D1808 #160602

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

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

0.0%	0.0% #4D1808	RGB 77 24 8	#4D1808
16.7%	16.7% #431507	RGB 67 21 7	#431507
33.3%	33.3% #3A1206	RGB 58 18 6	#3A1206
50.0%	50.0% #310F05	RGB 49 15 5	#310F05
66.7%	66.7% #280C04	RGB 40 12 4	#280C04
83.3%	83.3% #1F0903	RGB 31 9 3	#1F0903
100.0%	100.0% #160602	RGB 22 6 2	#160602

#4D1808 #431507 #3A1206 #310F05 #280C04 #1F0903 #160602

#4D1808 - #160602

HSV Blend

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

0.0%	0.0% #4D1807	RGB 77 24 7	#4D1807
16.7%	16.7% #431406	RGB 67 20 6	#431406
33.3%	33.3% #3A1105	RGB 58 17 5	#3A1105
50.0%	50.0% #310E04	RGB 49 14 4	#310E04
66.7%	66.7% #280B03	RGB 40 11 3	#280B03
83.3%	83.3% #1F0802	RGB 31 8 2	#1F0802
100.0%	100.0% #160602	RGB 22 6 2	#160602

#4D1807 #431406 #3A1105 #310E04 #280B03 #1F0802 #160602

#4D1808 - #310E04 - #160602

CSS codes

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

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