#5E5F9F - #221568 | 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 #5E5F9F to #221568

#5E5F9F #221568

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

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

0.0%	0.0% #5E5F9F	RGB 94 95 159	#5E5F9F
16.7%	16.7% #545295	RGB 84 82 149	#545295
33.3%	33.3% #4A468C	RGB 74 70 140	#4A468C
50.0%	50.0% #403A83	RGB 64 58 131	#403A83
66.7%	66.7% #362D7A	RGB 54 45 122	#362D7A
83.3%	83.3% #2C2171	RGB 44 33 113	#2C2171
100.0%	100.0% #221568	RGB 34 21 104	#221568

#5E5F9F #545295 #4A468C #403A83 #362D7A #2C2171 #221568

#5E5F9F - #221568

HSV Blend

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

0.0%	0.0% #5E5F9F	RGB 94 95 159	#5E5F9F
16.7%	16.7% #4F4E95	RGB 79 78 149	#4F4E95
33.3%	33.3% #44408C	RGB 68 64 140	#44408C
50.0%	50.0% #393483	RGB 57 52 131	#393483
66.7%	66.7% #30287A	RGB 48 40 122	#30287A
83.3%	83.3% #281E71	RGB 40 30 113	#281E71
100.0%	100.0% #221568	RGB 34 21 104	#221568

#5E5F9F #4F4E95 #44408C #393483 #30287A #281E71 #221568

#5E5F9F - #393483 - #221568

CSS codes

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

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