#5E4652 - #52081E | 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 #5E4652 to #52081E

#5E4652 #52081E

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

#5E4652 - #52081E | 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 #5E4652 as 0% and #52081E as 100%.

0.0%	0.0% #5E4652	RGB 94 70 82	#5E4652
16.7%	16.7% #5C3B49	RGB 92 59 73	#5C3B49
33.3%	33.3% #5A3140	RGB 90 49 64	#5A3140
50.0%	50.0% #582738	RGB 88 39 56	#582738
66.7%	66.7% #561C2F	RGB 86 28 47	#561C2F
83.3%	83.3% #541226	RGB 84 18 38	#541226
100.0%	100.0% #52081E	RGB 82 8 30	#52081E

#5E4652 #5C3B49 #5A3140 #582738 #561C2F #541226 #52081E

#5E4652 - #52081E

HSV Blend

#5E4652 - #52081E | 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 #5E4652 as 0% and #52081E as 100%.

0.0%	0.0% #5E4652	RGB 94 70 82	#5E4652
16.7%	16.7% #5C3A4A	RGB 92 58 74	#5C3A4A
33.3%	33.3% #5A2F41	RGB 90 47 65	#5A2F41
50.0%	50.0% #582539	RGB 88 37 57	#582539
66.7%	66.7% #561A30	RGB 86 26 48	#561A30
83.3%	83.3% #541127	RGB 84 17 39	#541127
100.0%	100.0% #52081E	RGB 82 8 30	#52081E

#5E4652 #5C3A4A #5A2F41 #582539 #561A30 #541127 #52081E

#5E4652 - #582539 - #52081E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4652 0%, #582539 50%, #52081E 100%);
    background: -webkit-linear-gradient(top, #5E4652 0%, #582539 50%, #52081E 100%);
    background: linear-gradient(to bottom, #5E4652 0%, #582539 50%, #52081E 100%);
}
</style>