#5E81F0 - #172FAD | 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 #5E81F0 to #172FAD

#5E81F0 #172FAD

Calculate the color between two colors, #5E81F0 and #172FAD. 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)

#5E81F0 - #172FAD | 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 #5E81F0 as 0% and #172FAD as 100%.

0.0%	0.0% #5E81F0	RGB 94 129 240	#5E81F0
16.7%	16.7% #5273E4	RGB 82 115 228	#5273E4
33.3%	33.3% #4665D9	RGB 70 101 217	#4665D9
50.0%	50.0% #3A58CE	RGB 58 88 206	#3A58CE
66.7%	66.7% #2E4AC3	RGB 46 74 195	#2E4AC3
83.3%	83.3% #223CB8	RGB 34 60 184	#223CB8
100.0%	100.0% #172FAD	RGB 23 47 173	#172FAD

#5E81F0 #5273E4 #4665D9 #3A58CE #2E4AC3 #223CB8 #172FAD

#5E81F0 - #172FAD

HSV Blend

#5E81F0 - #172FAD | 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 #5E81F0 as 0% and #172FAD as 100%.

0.0%	0.0% #5E81F0	RGB 94 129 240	#5E81F0
16.7%	16.7% #4F71E4	RGB 79 113 228	#4F71E4
33.3%	33.3% #4262D9	RGB 66 98 217	#4262D9
50.0%	50.0% #3654CE	RGB 54 84 206	#3654CE
66.7%	66.7% #2A47C3	RGB 42 71 195	#2A47C3
83.3%	83.3% #203AB8	RGB 32 58 184	#203AB8
100.0%	100.0% #172FAD	RGB 23 47 173	#172FAD

#5E81F0 #4F71E4 #4262D9 #3654CE #2A47C3 #203AB8 #172FAD

#5E81F0 - #3654CE - #172FAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E81F0 0%, #3654CE 50%, #172FAD 100%);
    background: -webkit-linear-gradient(top, #5E81F0 0%, #3654CE 50%, #172FAD 100%);
    background: linear-gradient(to bottom, #5E81F0 0%, #3654CE 50%, #172FAD 100%);
}
</style>