#160A0D - #4E5E3D | 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 #160A0D to #4E5E3D

#160A0D #4E5E3D

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

#160A0D - #4E5E3D | 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 #160A0D as 0% and #4E5E3D as 100%.

0.0%	0.0% #160A0D	RGB 22 10 13	#160A0D
16.7%	16.7% #1F1815	RGB 31 24 21	#1F1815
33.3%	33.3% #28261D	RGB 40 38 29	#28261D
50.0%	50.0% #323425	RGB 50 52 37	#323425
66.7%	66.7% #3B422D	RGB 59 66 45	#3B422D
83.3%	83.3% #445035	RGB 68 80 53	#445035
100.0%	100.0% #4E5E3D	RGB 78 94 61	#4E5E3D

#160A0D #1F1815 #28261D #323425 #3B422D #445035 #4E5E3D

#160A0D - #4E5E3D

HSV Blend

#160A0D - #4E5E3D | 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 #160A0D as 0% and #4E5E3D as 100%.

0.0%	0.0% #160A0D	RGB 22 10 13	#160A0D
16.7%	16.7% #221110	RGB 34 17 16	#221110
33.3%	33.3% #2E1F17	RGB 46 31 23	#2E1F17
50.0%	50.0% #3A3020	RGB 58 48 32	#3A3020
66.7%	66.7% #464328	RGB 70 67 40	#464328
83.3%	83.3% #4B5232	RGB 75 82 50	#4B5232
100.0%	100.0% #4E5E3D	RGB 78 94 61	#4E5E3D

#160A0D #221110 #2E1F17 #3A3020 #464328 #4B5232 #4E5E3D

#160A0D - #3A3020 - #4E5E3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160A0D 0%, #3A3020 50%, #4E5E3D 100%);
    background: -webkit-linear-gradient(top, #160A0D 0%, #3A3020 50%, #4E5E3D 100%);
    background: linear-gradient(to bottom, #160A0D 0%, #3A3020 50%, #4E5E3D 100%);
}
</style>