#5E562D - #412E06 | 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 #5E562D to #412E06

#5E562D #412E06

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

#5E562D - #412E06 | 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 #5E562D as 0% and #412E06 as 100%.

0.0%	0.0% #5E562D	RGB 94 86 45	#5E562D
16.7%	16.7% #594F26	RGB 89 79 38	#594F26
33.3%	33.3% #544820	RGB 84 72 32	#544820
50.0%	50.0% #4F4219	RGB 79 66 25	#4F4219
66.7%	66.7% #4A3B13	RGB 74 59 19	#4A3B13
83.3%	83.3% #45340C	RGB 69 52 12	#45340C
100.0%	100.0% #412E06	RGB 65 46 6	#412E06

#5E562D #594F26 #544820 #4F4219 #4A3B13 #45340C #412E06

#5E562D - #412E06

HSV Blend

#5E562D - #412E06 | 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 #5E562D as 0% and #412E06 as 100%.

0.0%	0.0% #5E562D	RGB 94 86 45	#5E562D
16.7%	16.7% #594F24	RGB 89 79 36	#594F24
33.3%	33.3% #54481D	RGB 84 72 29	#54481D
50.0%	50.0% #4F4116	RGB 79 65 22	#4F4116
66.7%	66.7% #4A3B10	RGB 74 59 16	#4A3B10
83.3%	83.3% #45340A	RGB 69 52 10	#45340A
100.0%	100.0% #412E06	RGB 65 46 6	#412E06

#5E562D #594F24 #54481D #4F4116 #4A3B10 #45340A #412E06

#5E562D - #4F4116 - #412E06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E562D 0%, #4F4116 50%, #412E06 100%);
    background: -webkit-linear-gradient(top, #5E562D 0%, #4F4116 50%, #412E06 100%);
    background: linear-gradient(to bottom, #5E562D 0%, #4F4116 50%, #412E06 100%);
}
</style>