#5E5B5A - #552A10 | 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 #5E5B5A to #552A10

#5E5B5A #552A10

Calculate the color between two colors, #5E5B5A and #552A10. 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)

#5E5B5A - #552A10 | 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 #5E5B5A as 0% and #552A10 as 100%.

0.0%	0.0% #5E5B5A	RGB 94 91 90	#5E5B5A
16.7%	16.7% #5C524D	RGB 92 82 77	#5C524D
33.3%	33.3% #5B4A41	RGB 91 74 65	#5B4A41
50.0%	50.0% #594235	RGB 89 66 53	#594235
66.7%	66.7% #583A28	RGB 88 58 40	#583A28
83.3%	83.3% #56321C	RGB 86 50 28	#56321C
100.0%	100.0% #552A10	RGB 85 42 16	#552A10

#5E5B5A #5C524D #5B4A41 #594235 #583A28 #56321C #552A10

#5E5B5A - #552A10

HSV Blend

#5E5B5A - #552A10 | 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 #5E5B5A as 0% and #552A10 as 100%.

0.0%	0.0% #5E5B5A	RGB 94 91 90	#5E5B5A
16.7%	16.7% #5C504C	RGB 92 80 76	#5C504C
33.3%	33.3% #5B473F	RGB 91 71 63	#5B473F
50.0%	50.0% #593F33	RGB 89 63 51	#593F33
66.7%	66.7% #583727	RGB 88 55 39	#583727
83.3%	83.3% #56301B	RGB 86 48 27	#56301B
100.0%	100.0% #552A10	RGB 85 42 16	#552A10

#5E5B5A #5C504C #5B473F #593F33 #583727 #56301B #552A10

#5E5B5A - #593F33 - #552A10

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B5A 0%, #593F33 50%, #552A10 100%);
    background: -webkit-linear-gradient(top, #5E5B5A 0%, #593F33 50%, #552A10 100%);
    background: linear-gradient(to bottom, #5E5B5A 0%, #593F33 50%, #552A10 100%);
}
</style>