#5E5A84 - #331430 | 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 #5E5A84 to #331430

#5E5A84 #331430

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

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

0.0%	0.0% #5E5A84	RGB 94 90 132	#5E5A84
16.7%	16.7% #564E76	RGB 86 78 118	#564E76
33.3%	33.3% #4F4268	RGB 79 66 104	#4F4268
50.0%	50.0% #48375A	RGB 72 55 90	#48375A
66.7%	66.7% #412B4C	RGB 65 43 76	#412B4C
83.3%	83.3% #3A1F3E	RGB 58 31 62	#3A1F3E
100.0%	100.0% #331430	RGB 51 20 48	#331430

#5E5A84 #564E76 #4F4268 #48375A #412B4C #3A1F3E #331430

#5E5A84 - #331430

HSV Blend

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

0.0%	0.0% #5E5A84	RGB 94 90 132	#5E5A84
16.7%	16.7% #564B76	RGB 86 75 118	#564B76
33.3%	33.3% #503D69	RGB 80 61 105	#503D69
50.0%	50.0% #4A315B	RGB 74 49 91	#4A315B
66.7%	66.7% #44264E	RGB 68 38 78	#44264E
83.3%	83.3% #3D1C40	RGB 61 28 64	#3D1C40
100.0%	100.0% #331430	RGB 51 20 48	#331430

#5E5A84 #564B76 #503D69 #4A315B #44264E #3D1C40 #331430

#5E5A84 - #4A315B - #331430

CSS codes

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

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