#56453D - #492006 | 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 #56453D to #492006

#56453D #492006

Calculate the color between two colors, #56453D and #492006. 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)

#56453D - #492006 | 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 #56453D as 0% and #492006 as 100%.

0.0%	0.0% #56453D	RGB 86 69 61	#56453D
16.7%	16.7% #533E33	RGB 83 62 51	#533E33
33.3%	33.3% #51382A	RGB 81 56 42	#51382A
50.0%	50.0% #4F3221	RGB 79 50 33	#4F3221
66.7%	66.7% #4D2C18	RGB 77 44 24	#4D2C18
83.3%	83.3% #4B260F	RGB 75 38 15	#4B260F
100.0%	100.0% #492006	RGB 73 32 6	#492006

#56453D #533E33 #51382A #4F3221 #4D2C18 #4B260F #492006

#56453D - #492006

HSV Blend

#56453D - #492006 | 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 #56453D as 0% and #492006 as 100%.

0.0%	0.0% #56453D	RGB 86 69 61	#56453D
16.7%	16.7% #533D32	RGB 83 61 50	#533D32
33.3%	33.3% #513628	RGB 81 54 40	#513628
50.0%	50.0% #4F301F	RGB 79 48 31	#4F301F
66.7%	66.7% #4D2A16	RGB 77 42 22	#4D2A16
83.3%	83.3% #4B250E	RGB 75 37 14	#4B250E
100.0%	100.0% #492006	RGB 73 32 6	#492006

#56453D #533D32 #513628 #4F301F #4D2A16 #4B250E #492006

#56453D - #4F301F - #492006

CSS codes

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

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