#5E5EC1 - #211E70 | 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 #5E5EC1 to #211E70

#5E5EC1 #211E70

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

#5E5EC1 - #211E70 | 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 #5E5EC1 as 0% and #211E70 as 100%.

0.0%	0.0% #5E5EC1	RGB 94 94 193	#5E5EC1
16.7%	16.7% #5353B3	RGB 83 83 179	#5353B3
33.3%	33.3% #4948A6	RGB 73 72 166	#4948A6
50.0%	50.0% #3F3E98	RGB 63 62 152	#3F3E98
66.7%	66.7% #35338B	RGB 53 51 139	#35338B
83.3%	83.3% #2B287D	RGB 43 40 125	#2B287D
100.0%	100.0% #211E70	RGB 33 30 112	#211E70

#5E5EC1 #5353B3 #4948A6 #3F3E98 #35338B #2B287D #211E70

#5E5EC1 - #211E70

HSV Blend

#5E5EC1 - #211E70 | 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 #5E5EC1 as 0% and #211E70 as 100%.

0.0%	0.0% #5E5EC1	RGB 94 94 193	#5E5EC1
16.7%	16.7% #5150B3	RGB 81 80 179	#5150B3
33.3%	33.3% #4544A6	RGB 69 68 166	#4544A6
50.0%	50.0% #3B3998	RGB 59 57 152	#3B3998
66.7%	66.7% #312F8B	RGB 49 47 139	#312F8B
83.3%	83.3% #28267D	RGB 40 38 125	#28267D
100.0%	100.0% #211E70	RGB 33 30 112	#211E70

#5E5EC1 #5150B3 #4544A6 #3B3998 #312F8B #28267D #211E70

#5E5EC1 - #3B3998 - #211E70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5EC1 0%, #3B3998 50%, #211E70 100%);
    background: -webkit-linear-gradient(top, #5E5EC1 0%, #3B3998 50%, #211E70 100%);
    background: linear-gradient(to bottom, #5E5EC1 0%, #3B3998 50%, #211E70 100%);
}
</style>