#5E3E51 - #500520 | 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 #5E3E51 to #500520

#5E3E51 #500520

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

#5E3E51 - #500520 | 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 #5E3E51 as 0% and #500520 as 100%.

0.0%	0.0% #5E3E51	RGB 94 62 81	#5E3E51
16.7%	16.7% #5B3448	RGB 91 52 72	#5B3448
33.3%	33.3% #592B40	RGB 89 43 64	#592B40
50.0%	50.0% #572138	RGB 87 33 56	#572138
66.7%	66.7% #541830	RGB 84 24 48	#541830
83.3%	83.3% #520E28	RGB 82 14 40	#520E28
100.0%	100.0% #500520	RGB 80 5 32	#500520

#5E3E51 #5B3448 #592B40 #572138 #541830 #520E28 #500520

#5E3E51 - #500520

HSV Blend

#5E3E51 - #500520 | 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 #5E3E51 as 0% and #500520 as 100%.

0.0%	0.0% #5E3E51	RGB 94 62 81	#5E3E51
16.7%	16.7% #5B3349	RGB 91 51 73	#5B3349
33.3%	33.3% #592942	RGB 89 41 66	#592942
50.0%	50.0% #571F39	RGB 87 31 57	#571F39
66.7%	66.7% #541631	RGB 84 22 49	#541631
83.3%	83.3% #520D28	RGB 82 13 40	#520D28
100.0%	100.0% #500520	RGB 80 5 32	#500520

#5E3E51 #5B3349 #592942 #571F39 #541631 #520D28 #500520

#5E3E51 - #571F39 - #500520

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E51 0%, #571F39 50%, #500520 100%);
    background: -webkit-linear-gradient(top, #5E3E51 0%, #571F39 50%, #500520 100%);
    background: linear-gradient(to bottom, #5E3E51 0%, #571F39 50%, #500520 100%);
}
</style>