#5E474D - #54070A | 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 #5E474D to #54070A

#5E474D #54070A

Calculate the color between two colors, #5E474D and #54070A. 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)

#5E474D - #54070A | 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 #5E474D as 0% and #54070A as 100%.

0.0%	0.0% #5E474D	RGB 94 71 77	#5E474D
16.7%	16.7% #5C3C41	RGB 92 60 65	#5C3C41
33.3%	33.3% #5A3136	RGB 90 49 54	#5A3136
50.0%	50.0% #59272B	RGB 89 39 43	#59272B
66.7%	66.7% #571C20	RGB 87 28 32	#571C20
83.3%	83.3% #551115	RGB 85 17 21	#551115
100.0%	100.0% #54070A	RGB 84 7 10	#54070A

#5E474D #5C3C41 #5A3136 #59272B #571C20 #551115 #54070A

#5E474D - #54070A

HSV Blend

#5E474D - #54070A | 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 #5E474D as 0% and #54070A as 100%.

0.0%	0.0% #5E474D	RGB 94 71 77	#5E474D
16.7%	16.7% #5C3B42	RGB 92 59 66	#5C3B42
33.3%	33.3% #5A3038	RGB 90 48 56	#5A3038
50.0%	50.0% #59252D	RGB 89 37 45	#59252D
66.7%	66.7% #571A21	RGB 87 26 33	#571A21
83.3%	83.3% #551015	RGB 85 16 21	#551015
100.0%	100.0% #54070A	RGB 84 7 10	#54070A

#5E474D #5C3B42 #5A3038 #59252D #571A21 #551015 #54070A

#5E474D - #59252D - #54070A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E474D 0%, #59252D 50%, #54070A 100%);
    background: -webkit-linear-gradient(top, #5E474D 0%, #59252D 50%, #54070A 100%);
    background: linear-gradient(to bottom, #5E474D 0%, #59252D 50%, #54070A 100%);
}
</style>