#5E519A - #310C3E | 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 #5E519A to #310C3E

#5E519A #310C3E

Calculate the color between two colors, #5E519A and #310C3E. 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)

#5E519A - #310C3E | 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 #5E519A as 0% and #310C3E as 100%.

0.0%	0.0% #5E519A	RGB 94 81 154	#5E519A
16.7%	16.7% #56458A	RGB 86 69 138	#56458A
33.3%	33.3% #4F3A7B	RGB 79 58 123	#4F3A7B
50.0%	50.0% #472E6C	RGB 71 46 108	#472E6C
66.7%	66.7% #40235C	RGB 64 35 92	#40235C
83.3%	83.3% #38174D	RGB 56 23 77	#38174D
100.0%	100.0% #310C3E	RGB 49 12 62	#310C3E

#5E519A #56458A #4F3A7B #472E6C #40235C #38174D #310C3E

#5E519A - #310C3E

HSV Blend

#5E519A - #310C3E | 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 #5E519A as 0% and #310C3E as 100%.

0.0%	0.0% #5E519A	RGB 94 81 154	#5E519A
16.7%	16.7% #55418A	RGB 85 65 138	#55418A
33.3%	33.3% #4D337B	RGB 77 51 123	#4D337B
50.0%	50.0% #46266C	RGB 70 38 108	#46266C
66.7%	66.7% #3F1C5C	RGB 63 28 92	#3F1C5C
83.3%	83.3% #38134D	RGB 56 19 77	#38134D
100.0%	100.0% #310C3E	RGB 49 12 62	#310C3E

#5E519A #55418A #4D337B #46266C #3F1C5C #38134D #310C3E

#5E519A - #46266C - #310C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E519A 0%, #46266C 50%, #310C3E 100%);
    background: -webkit-linear-gradient(top, #5E519A 0%, #46266C 50%, #310C3E 100%);
    background: linear-gradient(to bottom, #5E519A 0%, #46266C 50%, #310C3E 100%);
}
</style>