#4D3513 - #331A05 | 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 #4D3513 to #331A05

#4D3513 #331A05

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

#4D3513 - #331A05 | 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 #4D3513 as 0% and #331A05 as 100%.

0.0%	0.0% #4D3513	RGB 77 53 19	#4D3513
16.7%	16.7% #483010	RGB 72 48 16	#483010
33.3%	33.3% #442C0E	RGB 68 44 14	#442C0E
50.0%	50.0% #40270C	RGB 64 39 12	#40270C
66.7%	66.7% #3B2309	RGB 59 35 9	#3B2309
83.3%	83.3% #371E07	RGB 55 30 7	#371E07
100.0%	100.0% #331A05	RGB 51 26 5	#331A05

#4D3513 #483010 #442C0E #40270C #3B2309 #371E07 #331A05

#4D3513 - #331A05

HSV Blend

#4D3513 - #331A05 | 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 #4D3513 as 0% and #331A05 as 100%.

0.0%	0.0% #4D3513	RGB 77 53 19	#4D3513
16.7%	16.7% #483010	RGB 72 48 16	#483010
33.3%	33.3% #442B0D	RGB 68 43 13	#442B0D
50.0%	50.0% #40260B	RGB 64 38 11	#40260B
66.7%	66.7% #3B2208	RGB 59 34 8	#3B2208
83.3%	83.3% #371E06	RGB 55 30 6	#371E06
100.0%	100.0% #331A05	RGB 51 26 5	#331A05

#4D3513 #483010 #442B0D #40260B #3B2208 #371E06 #331A05

#4D3513 - #40260B - #331A05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3513 0%, #40260B 50%, #331A05 100%);
    background: -webkit-linear-gradient(top, #4D3513 0%, #40260B 50%, #331A05 100%);
    background: linear-gradient(to bottom, #4D3513 0%, #40260B 50%, #331A05 100%);
}
</style>