#5E5ED0 - #171C7B | 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 #5E5ED0 to #171C7B

#5E5ED0 #171C7B

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

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

0.0%	0.0% #5E5ED0	RGB 94 94 208	#5E5ED0
16.7%	16.7% #5253C1	RGB 82 83 193	#5253C1
33.3%	33.3% #4648B3	RGB 70 72 179	#4648B3
50.0%	50.0% #3A3DA5	RGB 58 61 165	#3A3DA5
66.7%	66.7% #2E3297	RGB 46 50 151	#2E3297
83.3%	83.3% #222789	RGB 34 39 137	#222789
100.0%	100.0% #171C7B	RGB 23 28 123	#171C7B

#5E5ED0 #5253C1 #4648B3 #3A3DA5 #2E3297 #222789 #171C7B

#5E5ED0 - #171C7B

HSV Blend

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

0.0%	0.0% #5E5ED0	RGB 94 94 208	#5E5ED0
16.7%	16.7% #4F4FC1	RGB 79 79 193	#4F4FC1
33.3%	33.3% #4143B3	RGB 65 67 179	#4143B3
50.0%	50.0% #3437A5	RGB 52 55 165	#3437A5
66.7%	66.7% #292D97	RGB 41 45 151	#292D97
83.3%	83.3% #1F2489	RGB 31 36 137	#1F2489
100.0%	100.0% #171C7B	RGB 23 28 123	#171C7B

#5E5ED0 #4F4FC1 #4143B3 #3437A5 #292D97 #1F2489 #171C7B

#5E5ED0 - #3437A5 - #171C7B

CSS codes

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

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