#5E5EC5 - #171F6E | 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 #5E5EC5 to #171F6E

#5E5EC5 #171F6E

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

#5E5EC5 - #171F6E | 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 #5E5EC5 as 0% and #171F6E as 100%.

0.0%	0.0% #5E5EC5	RGB 94 94 197	#5E5EC5
16.7%	16.7% #5253B6	RGB 82 83 182	#5253B6
33.3%	33.3% #4649A8	RGB 70 73 168	#4649A8
50.0%	50.0% #3A3E99	RGB 58 62 153	#3A3E99
66.7%	66.7% #2E348B	RGB 46 52 139	#2E348B
83.3%	83.3% #22297C	RGB 34 41 124	#22297C
100.0%	100.0% #171F6E	RGB 23 31 110	#171F6E

#5E5EC5 #5253B6 #4649A8 #3A3E99 #2E348B #22297C #171F6E

#5E5EC5 - #171F6E

HSV Blend

#5E5EC5 - #171F6E | 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 #5E5EC5 as 0% and #171F6E as 100%.

0.0%	0.0% #5E5EC5	RGB 94 94 197	#5E5EC5
16.7%	16.7% #4E50B6	RGB 78 80 182	#4E50B6
33.3%	33.3% #4144A8	RGB 65 68 168	#4144A8
50.0%	50.0% #343999	RGB 52 57 153	#343999
66.7%	66.7% #292F8B	RGB 41 47 139	#292F8B
83.3%	83.3% #1F267C	RGB 31 38 124	#1F267C
100.0%	100.0% #171F6E	RGB 23 31 110	#171F6E

#5E5EC5 #4E50B6 #4144A8 #343999 #292F8B #1F267C #171F6E

#5E5EC5 - #343999 - #171F6E

CSS codes

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

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