#5E2B5A - #310434 | 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 #5E2B5A to #310434

#5E2B5A #310434

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

#5E2B5A - #310434 | 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 #5E2B5A as 0% and #310434 as 100%.

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #562453	RGB 86 36 83	#562453
33.3%	33.3% #4F1E4D	RGB 79 30 77	#4F1E4D
50.0%	50.0% #471747	RGB 71 23 71	#471747
66.7%	66.7% #401040	RGB 64 16 64	#401040
83.3%	83.3% #380A3A	RGB 56 10 58	#380A3A
100.0%	100.0% #310434	RGB 49 4 52	#310434

#5E2B5A #562453 #4F1E4D #471747 #401040 #380A3A #310434

#5E2B5A - #310434

HSV Blend

#5E2B5A - #310434 | 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 #5E2B5A as 0% and #310434 as 100%.

0.0%	0.0% #5E2B5A	RGB 94 43 90	#5E2B5A
16.7%	16.7% #572254	RGB 87 34 84	#572254
33.3%	33.3% #501A4E	RGB 80 26 78	#501A4E
50.0%	50.0% #491348	RGB 73 19 72	#491348
66.7%	66.7% #410D42	RGB 65 13 66	#410D42
83.3%	83.3% #39083B	RGB 57 8 59	#39083B
100.0%	100.0% #310434	RGB 49 4 52	#310434

#5E2B5A #572254 #501A4E #491348 #410D42 #39083B #310434

#5E2B5A - #491348 - #310434

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2B5A 0%, #491348 50%, #310434 100%);
    background: -webkit-linear-gradient(top, #5E2B5A 0%, #491348 50%, #310434 100%);
    background: linear-gradient(to bottom, #5E2B5A 0%, #491348 50%, #310434 100%);
}
</style>