#5E545D - #390E45 | 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 #5E545D to #390E45

#5E545D #390E45

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

#5E545D - #390E45 | 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 #5E545D as 0% and #390E45 as 100%.

0.0%	0.0% #5E545D	RGB 94 84 93	#5E545D
16.7%	16.7% #574859	RGB 87 72 89	#574859
33.3%	33.3% #513C55	RGB 81 60 85	#513C55
50.0%	50.0% #4B3151	RGB 75 49 81	#4B3151
66.7%	66.7% #45254D	RGB 69 37 77	#45254D
83.3%	83.3% #3F1949	RGB 63 25 73	#3F1949
100.0%	100.0% #390E45	RGB 57 14 69	#390E45

#5E545D #574859 #513C55 #4B3151 #45254D #3F1949 #390E45

#5E545D - #390E45

HSV Blend

#5E545D - #390E45 | 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 #5E545D as 0% and #390E45 as 100%.

0.0%	0.0% #5E545D	RGB 94 84 93	#5E545D
16.7%	16.7% #594558	RGB 89 69 88	#594558
33.3%	33.3% #553855	RGB 85 56 85	#553855
50.0%	50.0% #4F2C51	RGB 79 44 81	#4F2C51
66.7%	66.7% #48214D	RGB 72 33 77	#48214D
83.3%	83.3% #401749	RGB 64 23 73	#401749
100.0%	100.0% #390E45	RGB 57 14 69	#390E45

#5E545D #594558 #553855 #4F2C51 #48214D #401749 #390E45

#5E545D - #4F2C51 - #390E45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E545D 0%, #4F2C51 50%, #390E45 100%);
    background: -webkit-linear-gradient(top, #5E545D 0%, #4F2C51 50%, #390E45 100%);
    background: linear-gradient(to bottom, #5E545D 0%, #4F2C51 50%, #390E45 100%);
}
</style>