#553625 - #3E1904 | 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 #553625 to #3E1904

#553625 #3E1904

Calculate the color between two colors, #553625 and #3E1904. 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)

#553625 - #3E1904 | 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 #553625 as 0% and #3E1904 as 100%.

0.0%	0.0% #553625	RGB 85 54 37	#553625
16.7%	16.7% #51311F	RGB 81 49 31	#51311F
33.3%	33.3% #4D2C1A	RGB 77 44 26	#4D2C1A
50.0%	50.0% #492714	RGB 73 39 20	#492714
66.7%	66.7% #45220F	RGB 69 34 15	#45220F
83.3%	83.3% #411D09	RGB 65 29 9	#411D09
100.0%	100.0% #3E1904	RGB 62 25 4	#3E1904

#553625 #51311F #4D2C1A #492714 #45220F #411D09 #3E1904

#553625 - #3E1904

HSV Blend

#553625 - #3E1904 | 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 #553625 as 0% and #3E1904 as 100%.

0.0%	0.0% #553625	RGB 85 54 37	#553625
16.7%	16.7% #51301E	RGB 81 48 30	#51301E
33.3%	33.3% #4D2B18	RGB 77 43 24	#4D2B18
50.0%	50.0% #492612	RGB 73 38 18	#492612
66.7%	66.7% #45210D	RGB 69 33 13	#45210D
83.3%	83.3% #411D08	RGB 65 29 8	#411D08
100.0%	100.0% #3E1904	RGB 62 25 4	#3E1904

#553625 #51301E #4D2B18 #492612 #45210D #411D08 #3E1904

#553625 - #492612 - #3E1904

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #553625 0%, #492612 50%, #3E1904 100%);
    background: -webkit-linear-gradient(top, #553625 0%, #492612 50%, #3E1904 100%);
    background: linear-gradient(to bottom, #553625 0%, #492612 50%, #3E1904 100%);
}
</style>