#5E503D - #482907 | 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 #5E503D to #482907

#5E503D #482907

Calculate the color between two colors, #5E503D and #482907. 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)

#5E503D - #482907 | 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 #5E503D as 0% and #482907 as 100%.

0.0%	0.0% #5E503D	RGB 94 80 61	#5E503D
16.7%	16.7% #5A4934	RGB 90 73 52	#5A4934
33.3%	33.3% #56432B	RGB 86 67 43	#56432B
50.0%	50.0% #533C22	RGB 83 60 34	#533C22
66.7%	66.7% #4F3619	RGB 79 54 25	#4F3619
83.3%	83.3% #4B2F10	RGB 75 47 16	#4B2F10
100.0%	100.0% #482907	RGB 72 41 7	#482907

#5E503D #5A4934 #56432B #533C22 #4F3619 #4B2F10 #482907

#5E503D - #482907

HSV Blend

#5E503D - #482907 | 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 #5E503D as 0% and #482907 as 100%.

0.0%	0.0% #5E503D	RGB 94 80 61	#5E503D
16.7%	16.7% #5A4932	RGB 90 73 50	#5A4932
33.3%	33.3% #564228	RGB 86 66 40	#564228
50.0%	50.0% #533B1E	RGB 83 59 30	#533B1E
66.7%	66.7% #4F3516	RGB 79 53 22	#4F3516
83.3%	83.3% #4B2E0E	RGB 75 46 14	#4B2E0E
100.0%	100.0% #482907	RGB 72 41 7	#482907

#5E503D #5A4932 #564228 #533B1E #4F3516 #4B2E0E #482907

#5E503D - #533B1E - #482907

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E503D 0%, #533B1E 50%, #482907 100%);
    background: -webkit-linear-gradient(top, #5E503D 0%, #533B1E 50%, #482907 100%);
    background: linear-gradient(to bottom, #5E503D 0%, #533B1E 50%, #482907 100%);
}
</style>