#5E505D - #380C44 | 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 #5E505D to #380C44

#5E505D #380C44

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

#5E505D - #380C44 | 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 #5E505D as 0% and #380C44 as 100%.

0.0%	0.0% #5E505D	RGB 94 80 93	#5E505D
16.7%	16.7% #574458	RGB 87 68 88	#574458
33.3%	33.3% #513954	RGB 81 57 84	#513954
50.0%	50.0% #4B2E50	RGB 75 46 80	#4B2E50
66.7%	66.7% #44224C	RGB 68 34 76	#44224C
83.3%	83.3% #3E1748	RGB 62 23 72	#3E1748
100.0%	100.0% #380C44	RGB 56 12 68	#380C44

#5E505D #574458 #513954 #4B2E50 #44224C #3E1748 #380C44

#5E505D - #380C44

HSV Blend

#5E505D - #380C44 | 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 #5E505D as 0% and #380C44 as 100%.

0.0%	0.0% #5E505D	RGB 94 80 93	#5E505D
16.7%	16.7% #594259	RGB 89 66 89	#594259
33.3%	33.3% #543555	RGB 84 53 85	#543555
50.0%	50.0% #4E2951	RGB 78 41 81	#4E2951
66.7%	66.7% #471E4C	RGB 71 30 76	#471E4C
83.3%	83.3% #3F1448	RGB 63 20 72	#3F1448
100.0%	100.0% #380C44	RGB 56 12 68	#380C44

#5E505D #594259 #543555 #4E2951 #471E4C #3F1448 #380C44

#5E505D - #4E2951 - #380C44

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E505D 0%, #4E2951 50%, #380C44 100%);
    background: -webkit-linear-gradient(top, #5E505D 0%, #4E2951 50%, #380C44 100%);
    background: linear-gradient(to bottom, #5E505D 0%, #4E2951 50%, #380C44 100%);
}
</style>