#56463D - #482106 | 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 #56463D to #482106

#56463D #482106

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

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

0.0%	0.0% #56463D	RGB 86 70 61	#56463D
16.7%	16.7% #533F33	RGB 83 63 51	#533F33
33.3%	33.3% #51392A	RGB 81 57 42	#51392A
50.0%	50.0% #4F3321	RGB 79 51 33	#4F3321
66.7%	66.7% #4C2D18	RGB 76 45 24	#4C2D18
83.3%	83.3% #4A270F	RGB 74 39 15	#4A270F
100.0%	100.0% #482106	RGB 72 33 6	#482106

#56463D #533F33 #51392A #4F3321 #4C2D18 #4A270F #482106

#56463D - #482106

HSV Blend

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

0.0%	0.0% #56463D	RGB 86 70 61	#56463D
16.7%	16.7% #533E32	RGB 83 62 50	#533E32
33.3%	33.3% #513828	RGB 81 56 40	#513828
50.0%	50.0% #4F311F	RGB 79 49 31	#4F311F
66.7%	66.7% #4C2B16	RGB 76 43 22	#4C2B16
83.3%	83.3% #4A260D	RGB 74 38 13	#4A260D
100.0%	100.0% #482106	RGB 72 33 6	#482106

#56463D #533E32 #513828 #4F311F #4C2B16 #4A260D #482106

#56463D - #4F311F - #482106

CSS codes

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

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