#4D5A2D - #16190C | 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 #4D5A2D to #16190C

#4D5A2D #16190C

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

#4D5A2D - #16190C | 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 #4D5A2D as 0% and #16190C as 100%.

0.0%	0.0% #4D5A2D	RGB 77 90 45	#4D5A2D
16.7%	16.7% #434F27	RGB 67 79 39	#434F27
33.3%	33.3% #3A4422	RGB 58 68 34	#3A4422
50.0%	50.0% #31391C	RGB 49 57 28	#31391C
66.7%	66.7% #282E17	RGB 40 46 23	#282E17
83.3%	83.3% #1F2311	RGB 31 35 17	#1F2311
100.0%	100.0% #16190C	RGB 22 25 12	#16190C

#4D5A2D #434F27 #3A4422 #31391C #282E17 #1F2311 #16190C

#4D5A2D - #16190C

HSV Blend

#4D5A2D - #16190C | 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 #4D5A2D as 0% and #16190C as 100%.

0.0%	0.0% #4D5A2D	RGB 77 90 45	#4D5A2D
16.7%	16.7% #444F27	RGB 68 79 39	#444F27
33.3%	33.3% #3B4421	RGB 59 68 33	#3B4421
50.0%	50.0% #31391C	RGB 49 57 28	#31391C
66.7%	66.7% #282E16	RGB 40 46 22	#282E16
83.3%	83.3% #1F2311	RGB 31 35 17	#1F2311
100.0%	100.0% #16190C	RGB 22 25 12	#16190C

#4D5A2D #444F27 #3B4421 #31391C #282E16 #1F2311 #16190C

#4D5A2D - #31391C - #16190C

CSS codes

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

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