#4D4A13 - #191C08 | 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 #4D4A13 to #191C08

#4D4A13 #191C08

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

#4D4A13 - #191C08 | 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 #4D4A13 as 0% and #191C08 as 100%.

0.0%	0.0% #4D4A13	RGB 77 74 19	#4D4A13
16.7%	16.7% #444211	RGB 68 66 17	#444211
33.3%	33.3% #3B3A0F	RGB 59 58 15	#3B3A0F
50.0%	50.0% #33330D	RGB 51 51 13	#33330D
66.7%	66.7% #2A2B0B	RGB 42 43 11	#2A2B0B
83.3%	83.3% #212309	RGB 33 35 9	#212309
100.0%	100.0% #191C08	RGB 25 28 8	#191C08

#4D4A13 #444211 #3B3A0F #33330D #2A2B0B #212309 #191C08

#4D4A13 - #191C08

HSV Blend

#4D4A13 - #191C08 | 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 #4D4A13 as 0% and #191C08 as 100%.

0.0%	0.0% #4D4A13	RGB 77 74 19	#4D4A13
16.7%	16.7% #444311	RGB 68 67 17	#444311
33.3%	33.3% #3B3C0F	RGB 59 60 15	#3B3C0F
50.0%	50.0% #32340D	RGB 50 52 13	#32340D
66.7%	66.7% #292C0C	RGB 41 44 12	#292C0C
83.3%	83.3% #21240A	RGB 33 36 10	#21240A
100.0%	100.0% #191C08	RGB 25 28 8	#191C08

#4D4A13 #444311 #3B3C0F #32340D #292C0C #21240A #191C08

#4D4A13 - #32340D - #191C08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4A13 0%, #32340D 50%, #191C08 100%);
    background: -webkit-linear-gradient(top, #4D4A13 0%, #32340D 50%, #191C08 100%);
    background: linear-gradient(to bottom, #4D4A13 0%, #32340D 50%, #191C08 100%);
}
</style>