#5E5428 - #402C06 | 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 #5E5428 to #402C06

#5E5428 #402C06

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

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

0.0%	0.0% #5E5428	RGB 94 84 40	#5E5428
16.7%	16.7% #594D22	RGB 89 77 34	#594D22
33.3%	33.3% #54461C	RGB 84 70 28	#54461C
50.0%	50.0% #4F4017	RGB 79 64 23	#4F4017
66.7%	66.7% #4A3911	RGB 74 57 17	#4A3911
83.3%	83.3% #45320B	RGB 69 50 11	#45320B
100.0%	100.0% #402C06	RGB 64 44 6	#402C06

#5E5428 #594D22 #54461C #4F4017 #4A3911 #45320B #402C06

#5E5428 - #402C06

HSV Blend

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

0.0%	0.0% #5E5428	RGB 94 84 40	#5E5428
16.7%	16.7% #594D20	RGB 89 77 32	#594D20
33.3%	33.3% #54461A	RGB 84 70 26	#54461A
50.0%	50.0% #4F3F14	RGB 79 63 20	#4F3F14
66.7%	66.7% #4A380F	RGB 74 56 15	#4A380F
83.3%	83.3% #45320A	RGB 69 50 10	#45320A
100.0%	100.0% #402C06	RGB 64 44 6	#402C06

#5E5428 #594D20 #54461A #4F3F14 #4A380F #45320A #402C06

#5E5428 - #4F3F14 - #402C06

CSS codes

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

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