#5E5595 - #320F3B | 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 #5E5595 to #320F3B

#5E5595 #320F3B

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

#5E5595 - #320F3B | 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 #5E5595 as 0% and #320F3B as 100%.

0.0%	0.0% #5E5595	RGB 94 85 149	#5E5595
16.7%	16.7% #564986	RGB 86 73 134	#564986
33.3%	33.3% #4F3D77	RGB 79 61 119	#4F3D77
50.0%	50.0% #483268	RGB 72 50 104	#483268
66.7%	66.7% #402659	RGB 64 38 89	#402659
83.3%	83.3% #391A4A	RGB 57 26 74	#391A4A
100.0%	100.0% #320F3B	RGB 50 15 59	#320F3B

#5E5595 #564986 #4F3D77 #483268 #402659 #391A4A #320F3B

#5E5595 - #320F3B

HSV Blend

#5E5595 - #320F3B | 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 #5E5595 as 0% and #320F3B as 100%.

0.0%	0.0% #5E5595	RGB 94 85 149	#5E5595
16.7%	16.7% #554586	RGB 85 69 134	#554586
33.3%	33.3% #4E3777	RGB 78 55 119	#4E3777
50.0%	50.0% #472A68	RGB 71 42 104	#472A68
66.7%	66.7% #402059	RGB 64 32 89	#402059
83.3%	83.3% #39164A	RGB 57 22 74	#39164A
100.0%	100.0% #320F3B	RGB 50 15 59	#320F3B

#5E5595 #554586 #4E3777 #472A68 #402059 #39164A #320F3B

#5E5595 - #472A68 - #320F3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5595 0%, #472A68 50%, #320F3B 100%);
    background: -webkit-linear-gradient(top, #5E5595 0%, #472A68 50%, #320F3B 100%);
    background: linear-gradient(to bottom, #5E5595 0%, #472A68 50%, #320F3B 100%);
}
</style>