#5E5599 - #320E3E | 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 #5E5599 to #320E3E

#5E5599 #320E3E

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

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

0.0%	0.0% #5E5599	RGB 94 85 153	#5E5599
16.7%	16.7% #564989	RGB 86 73 137	#564989
33.3%	33.3% #4F3D7A	RGB 79 61 122	#4F3D7A
50.0%	50.0% #48316B	RGB 72 49 107	#48316B
66.7%	66.7% #40255C	RGB 64 37 92	#40255C
83.3%	83.3% #39194D	RGB 57 25 77	#39194D
100.0%	100.0% #320E3E	RGB 50 14 62	#320E3E

#5E5599 #564989 #4F3D7A #48316B #40255C #39194D #320E3E

#5E5599 - #320E3E

HSV Blend

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

0.0%	0.0% #5D5599	RGB 93 85 153	#5D5599
16.7%	16.7% #554489	RGB 85 68 137	#554489
33.3%	33.3% #4D367A	RGB 77 54 122	#4D367A
50.0%	50.0% #46296B	RGB 70 41 107	#46296B
66.7%	66.7% #401E5C	RGB 64 30 92	#401E5C
83.3%	83.3% #39154D	RGB 57 21 77	#39154D
100.0%	100.0% #320E3E	RGB 50 14 62	#320E3E

#5D5599 #554489 #4D367A #46296B #401E5C #39154D #320E3E

#5E5599 - #46296B - #320E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5599 0%, #46296B 50%, #320E3E 100%);
    background: -webkit-linear-gradient(top, #5D5599 0%, #46296B 50%, #320E3E 100%);
    background: linear-gradient(to bottom, #5D5599 0%, #46296B 50%, #320E3E 100%);
}
</style>