#5E4452 - #520820 | 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 #5E4452 to #520820

#5E4452 #520820

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

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

0.0%	0.0% #5E4452	RGB 94 68 82	#5E4452
16.7%	16.7% #5C3A49	RGB 92 58 73	#5C3A49
33.3%	33.3% #5A3041	RGB 90 48 65	#5A3041
50.0%	50.0% #582639	RGB 88 38 57	#582639
66.7%	66.7% #561C30	RGB 86 28 48	#561C30
83.3%	83.3% #541228	RGB 84 18 40	#541228
100.0%	100.0% #520820	RGB 82 8 32	#520820

#5E4452 #5C3A49 #5A3041 #582639 #561C30 #541228 #520820

#5E4452 - #520820

HSV Blend

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

0.0%	0.0% #5E4452	RGB 94 68 82	#5E4452
16.7%	16.7% #5C384A	RGB 92 56 74	#5C384A
33.3%	33.3% #5A2E42	RGB 90 46 66	#5A2E42
50.0%	50.0% #58243A	RGB 88 36 58	#58243A
66.7%	66.7% #561A31	RGB 86 26 49	#561A31
83.3%	83.3% #541029	RGB 84 16 41	#541029
100.0%	100.0% #520820	RGB 82 8 32	#520820

#5E4452 #5C384A #5A2E42 #58243A #561A31 #541029 #520820

#5E4452 - #58243A - #520820

CSS codes

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

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