#4D1B14 - #160705 | 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 #4D1B14 to #160705

#4D1B14 #160705

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

#4D1B14 - #160705 | 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 #4D1B14 as 0% and #160705 as 100%.

0.0%	0.0% #4D1B14	RGB 77 27 20	#4D1B14
16.7%	16.7% #431711	RGB 67 23 17	#431711
33.3%	33.3% #3A140F	RGB 58 20 15	#3A140F
50.0%	50.0% #31110C	RGB 49 17 12	#31110C
66.7%	66.7% #280D0A	RGB 40 13 10	#280D0A
83.3%	83.3% #1F0A07	RGB 31 10 7	#1F0A07
100.0%	100.0% #160705	RGB 22 7 5	#160705

#4D1B14 #431711 #3A140F #31110C #280D0A #1F0A07 #160705

#4D1B14 - #160705

HSV Blend

#4D1B14 - #160705 | 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 #4D1B14 as 0% and #160705 as 100%.

0.0%	0.0% #4D1B13	RGB 77 27 19	#4D1B13
16.7%	16.7% #431711	RGB 67 23 17	#431711
33.3%	33.3% #3A130E	RGB 58 19 14	#3A130E
50.0%	50.0% #31100C	RGB 49 16 12	#31100C
66.7%	66.7% #280D09	RGB 40 13 9	#280D09
83.3%	83.3% #1F0A07	RGB 31 10 7	#1F0A07
100.0%	100.0% #160705	RGB 22 7 5	#160705

#4D1B13 #431711 #3A130E #31100C #280D09 #1F0A07 #160705

#4D1B14 - #31100C - #160705

CSS codes

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

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