#5E5FCA - #171E74 | 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 #5E5FCA to #171E74

#5E5FCA #171E74

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

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

0.0%	0.0% #5E5FCA	RGB 94 95 202	#5E5FCA
16.7%	16.7% #5254BB	RGB 82 84 187	#5254BB
33.3%	33.3% #4649AD	RGB 70 73 173	#4649AD
50.0%	50.0% #3A3E9F	RGB 58 62 159	#3A3E9F
66.7%	66.7% #2E3390	RGB 46 51 144	#2E3390
83.3%	83.3% #222882	RGB 34 40 130	#222882
100.0%	100.0% #171E74	RGB 23 30 116	#171E74

#5E5FCA #5254BB #4649AD #3A3E9F #2E3390 #222882 #171E74

#5E5FCA - #171E74

HSV Blend

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

0.0%	0.0% #5E5FCA	RGB 94 95 202	#5E5FCA
16.7%	16.7% #4E51BB	RGB 78 81 187	#4E51BB
33.3%	33.3% #4144AD	RGB 65 68 173	#4144AD
50.0%	50.0% #34399F	RGB 52 57 159	#34399F
66.7%	66.7% #292F90	RGB 41 47 144	#292F90
83.3%	83.3% #1F2582	RGB 31 37 130	#1F2582
100.0%	100.0% #171E74	RGB 23 30 116	#171E74

#5E5FCA #4E51BB #4144AD #34399F #292F90 #1F2582 #171E74

#5E5FCA - #34399F - #171E74

CSS codes

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

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