#5E5ECE - #171C78 | 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 #5E5ECE to #171C78

#5E5ECE #171C78

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

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

0.0%	0.0% #5E5ECE	RGB 94 94 206	#5E5ECE
16.7%	16.7% #5253BF	RGB 82 83 191	#5253BF
33.3%	33.3% #4648B1	RGB 70 72 177	#4648B1
50.0%	50.0% #3A3DA3	RGB 58 61 163	#3A3DA3
66.7%	66.7% #2E3294	RGB 46 50 148	#2E3294
83.3%	83.3% #222786	RGB 34 39 134	#222786
100.0%	100.0% #171C78	RGB 23 28 120	#171C78

#5E5ECE #5253BF #4648B1 #3A3DA3 #2E3294 #222786 #171C78

#5E5ECE - #171C78

HSV Blend

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

0.0%	0.0% #5E5DCE	RGB 94 93 206	#5E5DCE
16.7%	16.7% #4F4FBF	RGB 79 79 191	#4F4FBF
33.3%	33.3% #4143B1	RGB 65 67 177	#4143B1
50.0%	50.0% #3437A3	RGB 52 55 163	#3437A3
66.7%	66.7% #292D94	RGB 41 45 148	#292D94
83.3%	83.3% #1F2486	RGB 31 36 134	#1F2486
100.0%	100.0% #171C78	RGB 23 28 120	#171C78

#5E5DCE #4F4FBF #4143B1 #3437A3 #292D94 #1F2486 #171C78

#5E5ECE - #3437A3 - #171C78

CSS codes

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

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