#5C5E55 - #3C520E | 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 #5C5E55 to #3C520E

#5C5E55 #3C520E

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

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

0.0%	0.0% #5C5E55	RGB 92 94 85	#5C5E55
16.7%	16.7% #565C49	RGB 86 92 73	#565C49
33.3%	33.3% #515A3D	RGB 81 90 61	#515A3D
50.0%	50.0% #4C5831	RGB 76 88 49	#4C5831
66.7%	66.7% #465625	RGB 70 86 37	#465625
83.3%	83.3% #415419	RGB 65 84 25	#415419
100.0%	100.0% #3C520E	RGB 60 82 14	#3C520E

#5C5E55 #565C49 #515A3D #4C5831 #465625 #415419 #3C520E

#5C5E55 - #3C520E

HSV Blend

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

0.0%	0.0% #5C5E55	RGB 92 94 85	#5C5E55
16.7%	16.7% #575C47	RGB 87 92 71	#575C47
33.3%	33.3% #525A3B	RGB 82 90 59	#525A3B
50.0%	50.0% #4C582F	RGB 76 88 47	#4C582F
66.7%	66.7% #475623	RGB 71 86 35	#475623
83.3%	83.3% #415418	RGB 65 84 24	#415418
100.0%	100.0% #3C520E	RGB 60 82 14	#3C520E

#5C5E55 #575C47 #525A3B #4C582F #475623 #415418 #3C520E

#5C5E55 - #4C582F - #3C520E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5C5E55 0%, #4C582F 50%, #3C520E 100%);
    background: -webkit-linear-gradient(top, #5C5E55 0%, #4C582F 50%, #3C520E 100%);
    background: linear-gradient(to bottom, #5C5E55 0%, #4C582F 50%, #3C520E 100%);
}
</style>