#5E495C - #54093B | 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 #5E495C to #54093B

#5E495C #54093B

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

#5E495C - #54093B | 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 #5E495C as 0% and #54093B as 100%.

0.0%	0.0% #5E495C	RGB 94 73 92	#5E495C
16.7%	16.7% #5C3E56	RGB 92 62 86	#5C3E56
33.3%	33.3% #5A3351	RGB 90 51 81	#5A3351
50.0%	50.0% #59294B	RGB 89 41 75	#59294B
66.7%	66.7% #571E46	RGB 87 30 70	#571E46
83.3%	83.3% #551340	RGB 85 19 64	#551340
100.0%	100.0% #54093B	RGB 84 9 59	#54093B

#5E495C #5C3E56 #5A3351 #59294B #571E46 #551340 #54093B

#5E495C - #54093B

HSV Blend

#5E495C - #54093B | 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 #5E495C as 0% and #54093B as 100%.

0.0%	0.0% #5E495C	RGB 94 73 92	#5E495C
16.7%	16.7% #5C3D58	RGB 92 61 88	#5C3D58
33.3%	33.3% #5A3253	RGB 90 50 83	#5A3253
50.0%	50.0% #59274E	RGB 89 39 78	#59274E
66.7%	66.7% #571C48	RGB 87 28 72	#571C48
83.3%	83.3% #551242	RGB 85 18 66	#551242
100.0%	100.0% #54093B	RGB 84 9 59	#54093B

#5E495C #5C3D58 #5A3253 #59274E #571C48 #551242 #54093B

#5E495C - #59274E - #54093B

CSS codes

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

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