#160B05 - #4B3D35 | 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 #160B05 to #4B3D35

#160B05 #4B3D35

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

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

0.0%	0.0% #160B05	RGB 22 11 5	#160B05
16.7%	16.7% #1E130D	RGB 30 19 13	#1E130D
33.3%	33.3% #271B15	RGB 39 27 21	#271B15
50.0%	50.0% #30241D	RGB 48 36 29	#30241D
66.7%	66.7% #392C25	RGB 57 44 37	#392C25
83.3%	83.3% #42342D	RGB 66 52 45	#42342D
100.0%	100.0% #4B3D35	RGB 75 61 53	#4B3D35

#160B05 #1E130D #271B15 #30241D #392C25 #42342D #4B3D35

#160B05 - #4B3D35

HSV Blend

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

0.0%	0.0% #160B05	RGB 22 11 5	#160B05
16.7%	16.7% #1E1109	RGB 30 17 9	#1E1109
33.3%	33.3% #27180F	RGB 39 24 15	#27180F
50.0%	50.0% #301F16	RGB 48 31 22	#301F16
66.7%	66.7% #39281F	RGB 57 40 31	#39281F
83.3%	83.3% #423229	RGB 66 50 41	#423229
100.0%	100.0% #4B3D35	RGB 75 61 53	#4B3D35

#160B05 #1E1109 #27180F #301F16 #39281F #423229 #4B3D35

#160B05 - #301F16 - #4B3D35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #160B05 0%, #301F16 50%, #4B3D35 100%);
    background: -webkit-linear-gradient(top, #160B05 0%, #301F16 50%, #4B3D35 100%);
    background: linear-gradient(to bottom, #160B05 0%, #301F16 50%, #4B3D35 100%);
}
</style>