#5E5B55 - #57510C | 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 #5E5B55 to #57510C

#5E5B55 #57510C

Calculate the color between two colors, #5E5B55 and #57510C. 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)

#5E5B55 - #57510C | 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 #5E5B55 as 0% and #57510C as 100%.

0.0%	0.0% #5E5B55	RGB 94 91 85	#5E5B55
16.7%	16.7% #5C5948	RGB 92 89 72	#5C5948
33.3%	33.3% #5B573C	RGB 91 87 60	#5B573C
50.0%	50.0% #5A5630	RGB 90 86 48	#5A5630
66.7%	66.7% #595424	RGB 89 84 36	#595424
83.3%	83.3% #585218	RGB 88 82 24	#585218
100.0%	100.0% #57510C	RGB 87 81 12	#57510C

#5E5B55 #5C5948 #5B573C #5A5630 #595424 #585218 #57510C

#5E5B55 - #57510C

HSV Blend

#5E5B55 - #57510C | 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 #5E5B55 as 0% and #57510C as 100%.

0.0%	0.0% #5E5B55	RGB 94 91 85	#5E5B55
16.7%	16.7% #5C5648	RGB 92 86 72	#5C5648
33.3%	33.3% #5B533B	RGB 91 83 59	#5B533B
50.0%	50.0% #5A512F	RGB 90 81 47	#5A512F
66.7%	66.7% #595023	RGB 89 80 35	#595023
83.3%	83.3% #585017	RGB 88 80 23	#585017
100.0%	100.0% #57510C	RGB 87 81 12	#57510C

#5E5B55 #5C5648 #5B533B #5A512F #595023 #585017 #57510C

#5E5B55 - #5A512F - #57510C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B55 0%, #5A512F 50%, #57510C 100%);
    background: -webkit-linear-gradient(top, #5E5B55 0%, #5A512F 50%, #57510C 100%);
    background: linear-gradient(to bottom, #5E5B55 0%, #5A512F 50%, #57510C 100%);
}
</style>