#390B5E - #8523AB | 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 #390B5E to #8523AB

#390B5E #8523AB

Calculate the color between two colors, #390B5E and #8523AB. 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)

#390B5E - #8523AB | 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 #390B5E as 0% and #8523AB as 100%.

0.0%	0.0% #390B5E	RGB 57 11 94	#390B5E
16.7%	16.7% #450F6A	RGB 69 15 106	#450F6A
33.3%	33.3% #521377	RGB 82 19 119	#521377
50.0%	50.0% #5F1784	RGB 95 23 132	#5F1784
66.7%	66.7% #6B1B91	RGB 107 27 145	#6B1B91
83.3%	83.3% #781F9E	RGB 120 31 158	#781F9E
100.0%	100.0% #8523AB	RGB 133 35 171	#8523AB

#390B5E #450F6A #521377 #5F1784 #6B1B91 #781F9E #8523AB

#390B5E - #8523AB

HSV Blend

#390B5E - #8523AB | 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 #390B5E as 0% and #8523AB as 100%.

0.0%	0.0% #380A5E	RGB 56 10 94	#380A5E
16.7%	16.7% #440E6A	RGB 68 14 106	#440E6A
33.3%	33.3% #4F1177	RGB 79 17 119	#4F1177
50.0%	50.0% #5C1584	RGB 92 21 132	#5C1584
66.7%	66.7% #691991	RGB 105 25 145	#691991
83.3%	83.3% #761E9E	RGB 118 30 158	#761E9E
100.0%	100.0% #8523AB	RGB 133 35 171	#8523AB

#380A5E #440E6A #4F1177 #5C1584 #691991 #761E9E #8523AB

#390B5E - #5C1584 - #8523AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #380A5E 0%, #5C1584 50%, #8523AB 100%);
    background: -webkit-linear-gradient(top, #380A5E 0%, #5C1584 50%, #8523AB 100%);
    background: linear-gradient(to bottom, #380A5E 0%, #5C1584 50%, #8523AB 100%);
}
</style>