#5E572A - #402F06 | 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 #5E572A to #402F06

#5E572A #402F06

Calculate the color between two colors, #5E572A and #402F06. 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)

#5E572A - #402F06 | 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 #5E572A as 0% and #402F06 as 100%.

0.0%	0.0% #5E572A	RGB 94 87 42	#5E572A
16.7%	16.7% #595024	RGB 89 80 36	#595024
33.3%	33.3% #54491E	RGB 84 73 30	#54491E
50.0%	50.0% #4F4318	RGB 79 67 24	#4F4318
66.7%	66.7% #4A3C12	RGB 74 60 18	#4A3C12
83.3%	83.3% #45350C	RGB 69 53 12	#45350C
100.0%	100.0% #402F06	RGB 64 47 6	#402F06

#5E572A #595024 #54491E #4F4318 #4A3C12 #45350C #402F06

#5E572A - #402F06

HSV Blend

#5E572A - #402F06 | 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 #5E572A as 0% and #402F06 as 100%.

0.0%	0.0% #5E572A	RGB 94 87 42	#5E572A
16.7%	16.7% #595022	RGB 89 80 34	#595022
33.3%	33.3% #54491B	RGB 84 73 27	#54491B
50.0%	50.0% #4F4215	RGB 79 66 21	#4F4215
66.7%	66.7% #4A3B0F	RGB 74 59 15	#4A3B0F
83.3%	83.3% #45350A	RGB 69 53 10	#45350A
100.0%	100.0% #402F06	RGB 64 47 6	#402F06

#5E572A #595022 #54491B #4F4215 #4A3B0F #45350A #402F06

#5E572A - #4F4215 - #402F06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E572A 0%, #4F4215 50%, #402F06 100%);
    background: -webkit-linear-gradient(top, #5E572A 0%, #4F4215 50%, #402F06 100%);
    background: linear-gradient(to bottom, #5E572A 0%, #4F4215 50%, #402F06 100%);
}
</style>