#553632 - #471704 | 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 #553632 to #471704

#553632 #471704

Calculate the color between two colors, #553632 and #471704. 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)

#553632 - #471704 | 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 #553632 as 0% and #471704 as 100%.

0.0%	0.0% #553632	RGB 85 54 50	#553632
16.7%	16.7% #52302A	RGB 82 48 42	#52302A
33.3%	33.3% #502B22	RGB 80 43 34	#502B22
50.0%	50.0% #4E261B	RGB 78 38 27	#4E261B
66.7%	66.7% #4B2113	RGB 75 33 19	#4B2113
83.3%	83.3% #491C0B	RGB 73 28 11	#491C0B
100.0%	100.0% #471704	RGB 71 23 4	#471704

#553632 #52302A #502B22 #4E261B #4B2113 #491C0B #471704

#553632 - #471704

HSV Blend

#553632 - #471704 | 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 #553632 as 0% and #471704 as 100%.

0.0%	0.0% #553632	RGB 85 54 50	#553632
16.7%	16.7% #522F29	RGB 82 47 41	#522F29
33.3%	33.3% #502921	RGB 80 41 33	#502921
50.0%	50.0% #4E2319	RGB 78 35 25	#4E2319
66.7%	66.7% #4B1E11	RGB 75 30 17	#4B1E11
83.3%	83.3% #491A0A	RGB 73 26 10	#491A0A
100.0%	100.0% #471704	RGB 71 23 4	#471704

#553632 #522F29 #502921 #4E2319 #4B1E11 #491A0A #471704

#553632 - #4E2319 - #471704

CSS codes

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

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