#5A5E4A - #3E4107 | 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 #5A5E4A to #3E4107

#5A5E4A #3E4107

Calculate the color between two colors, #5A5E4A and #3E4107. 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)

#5A5E4A - #3E4107 | 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 #5A5E4A as 0% and #3E4107 as 100%.

0.0%	0.0% #5A5E4A	RGB 90 94 74	#5A5E4A
16.7%	16.7% #55593E	RGB 85 89 62	#55593E
33.3%	33.3% #505433	RGB 80 84 51	#505433
50.0%	50.0% #4C4F28	RGB 76 79 40	#4C4F28
66.7%	66.7% #474A1D	RGB 71 74 29	#474A1D
83.3%	83.3% #424512	RGB 66 69 18	#424512
100.0%	100.0% #3E4107	RGB 62 65 7	#3E4107

#5A5E4A #55593E #505433 #4C4F28 #474A1D #424512 #3E4107

#5A5E4A - #3E4107

HSV Blend

#5A5E4A - #3E4107 | 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 #5A5E4A as 0% and #3E4107 as 100%.

0.0%	0.0% #5A5E4A	RGB 90 94 74	#5A5E4A
16.7%	16.7% #54593C	RGB 84 89 60	#54593C
33.3%	33.3% #4E542F	RGB 78 84 47	#4E542F
50.0%	50.0% #494F23	RGB 73 79 35	#494F23
66.7%	66.7% #454A18	RGB 69 74 24	#454A18
83.3%	83.3% #41450F	RGB 65 69 15	#41450F
100.0%	100.0% #3E4107	RGB 62 65 7	#3E4107

#5A5E4A #54593C #4E542F #494F23 #454A18 #41450F #3E4107

#5A5E4A - #494F23 - #3E4107

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5E4A 0%, #494F23 50%, #3E4107 100%);
    background: -webkit-linear-gradient(top, #5A5E4A 0%, #494F23 50%, #3E4107 100%);
    background: linear-gradient(to bottom, #5A5E4A 0%, #494F23 50%, #3E4107 100%);
}
</style>