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

#4D2914 #160B05

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

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

0.0%	0.0% #4D2914	RGB 77 41 20	#4D2914
16.7%	16.7% #432411	RGB 67 36 17	#432411
33.3%	33.3% #3A1F0F	RGB 58 31 15	#3A1F0F
50.0%	50.0% #311A0C	RGB 49 26 12	#311A0C
66.7%	66.7% #28150A	RGB 40 21 10	#28150A
83.3%	83.3% #1F1007	RGB 31 16 7	#1F1007
100.0%	100.0% #160B05	RGB 22 11 5	#160B05

#4D2914 #432411 #3A1F0F #311A0C #28150A #1F1007 #160B05

#4D2914 - #160B05

HSV Blend

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

0.0%	0.0% #4D2913	RGB 77 41 19	#4D2913
16.7%	16.7% #432311	RGB 67 35 17	#432311
33.3%	33.3% #3A1E0E	RGB 58 30 14	#3A1E0E
50.0%	50.0% #31190C	RGB 49 25 12	#31190C
66.7%	66.7% #281409	RGB 40 20 9	#281409
83.3%	83.3% #1F0F07	RGB 31 15 7	#1F0F07
100.0%	100.0% #160B05	RGB 22 11 5	#160B05

#4D2913 #432311 #3A1E0E #31190C #281409 #1F0F07 #160B05

#4D2914 - #31190C - #160B05

CSS codes

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

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