#5E4C5D - #380A44 | 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 #5E4C5D to #380A44

#5E4C5D #380A44

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

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

0.0%	0.0% #5E4C5D	RGB 94 76 93	#5E4C5D
16.7%	16.7% #574158	RGB 87 65 88	#574158
33.3%	33.3% #513654	RGB 81 54 84	#513654
50.0%	50.0% #4B2B50	RGB 75 43 80	#4B2B50
66.7%	66.7% #441F4C	RGB 68 31 76	#441F4C
83.3%	83.3% #3E1548	RGB 62 21 72	#3E1548
100.0%	100.0% #380A44	RGB 56 10 68	#380A44

#5E4C5D #574158 #513654 #4B2B50 #441F4C #3E1548 #380A44

#5E4C5D - #380A44

HSV Blend

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

0.0%	0.0% #5E4C5D	RGB 94 76 93	#5E4C5D
16.7%	16.7% #593E59	RGB 89 62 89	#593E59
33.3%	33.3% #543255	RGB 84 50 85	#543255
50.0%	50.0% #4D2651	RGB 77 38 81	#4D2651
66.7%	66.7% #461C4C	RGB 70 28 76	#461C4C
83.3%	83.3% #3F1248	RGB 63 18 72	#3F1248
100.0%	100.0% #380A44	RGB 56 10 68	#380A44

#5E4C5D #593E59 #543255 #4D2651 #461C4C #3F1248 #380A44

#5E4C5D - #4D2651 - #380A44

CSS codes

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

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