#5E5698 - #330F3D | 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 #5E5698 to #330F3D

#5E5698 #330F3D

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

#5E5698 - #330F3D | 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 #5E5698 as 0% and #330F3D as 100%.

0.0%	0.0% #5E5698	RGB 94 86 152	#5E5698
16.7%	16.7% #564A88	RGB 86 74 136	#564A88
33.3%	33.3% #4F3E79	RGB 79 62 121	#4F3E79
50.0%	50.0% #48326A	RGB 72 50 106	#48326A
66.7%	66.7% #41265B	RGB 65 38 91	#41265B
83.3%	83.3% #3A1A4C	RGB 58 26 76	#3A1A4C
100.0%	100.0% #330F3D	RGB 51 15 61	#330F3D

#5E5698 #564A88 #4F3E79 #48326A #41265B #3A1A4C #330F3D

#5E5698 - #330F3D

HSV Blend

#5E5698 - #330F3D | 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 #5E5698 as 0% and #330F3D as 100%.

0.0%	0.0% #5D5698	RGB 93 86 152	#5D5698
16.7%	16.7% #554688	RGB 85 70 136	#554688
33.3%	33.3% #4E3779	RGB 78 55 121	#4E3779
50.0%	50.0% #472B6A	RGB 71 43 106	#472B6A
66.7%	66.7% #41205B	RGB 65 32 91	#41205B
83.3%	83.3% #3A164C	RGB 58 22 76	#3A164C
100.0%	100.0% #330F3D	RGB 51 15 61	#330F3D

#5D5698 #554688 #4E3779 #472B6A #41205B #3A164C #330F3D

#5E5698 - #472B6A - #330F3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5698 0%, #472B6A 50%, #330F3D 100%);
    background: -webkit-linear-gradient(top, #5D5698 0%, #472B6A 50%, #330F3D 100%);
    background: linear-gradient(to bottom, #5D5698 0%, #472B6A 50%, #330F3D 100%);
}
</style>