#4D2514 - #351A04 | 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 #4D2514 to #351A04

#4D2514 #351A04

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

#4D2514 - #351A04 | 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 #4D2514 as 0% and #351A04 as 100%.

0.0%	0.0% #4D2514	RGB 77 37 20	#4D2514
16.7%	16.7% #492311	RGB 73 35 17	#492311
33.3%	33.3% #45210E	RGB 69 33 14	#45210E
50.0%	50.0% #411F0C	RGB 65 31 12	#411F0C
66.7%	66.7% #3D1D09	RGB 61 29 9	#3D1D09
83.3%	83.3% #391B06	RGB 57 27 6	#391B06
100.0%	100.0% #351A04	RGB 53 26 4	#351A04

#4D2514 #492311 #45210E #411F0C #3D1D09 #391B06 #351A04

#4D2514 - #351A04

HSV Blend

#4D2514 - #351A04 | 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 #4D2514 as 0% and #351A04 as 100%.

0.0%	0.0% #4D2513	RGB 77 37 19	#4D2513
16.7%	16.7% #492210	RGB 73 34 16	#492210
33.3%	33.3% #45200D	RGB 69 32 13	#45200D
50.0%	50.0% #411F0A	RGB 65 31 10	#411F0A
66.7%	66.7% #3D1D08	RGB 61 29 8	#3D1D08
83.3%	83.3% #391B06	RGB 57 27 6	#391B06
100.0%	100.0% #351A04	RGB 53 26 4	#351A04

#4D2513 #492210 #45200D #411F0A #3D1D08 #391B06 #351A04

#4D2514 - #411F0A - #351A04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D2513 0%, #411F0A 50%, #351A04 100%);
    background: -webkit-linear-gradient(top, #4D2513 0%, #411F0A 50%, #351A04 100%);
    background: linear-gradient(to bottom, #4D2513 0%, #411F0A 50%, #351A04 100%);
}
</style>