#5E9DFD - #1547C9 | 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 #5E9DFD to #1547C9

#5E9DFD #1547C9

Calculate the color between two colors, #5E9DFD and #1547C9. 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)

#5E9DFD - #1547C9 | 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 #5E9DFD as 0% and #1547C9 as 100%.

0.0%	0.0% #5E9DFD	RGB 94 157 253	#5E9DFD
16.7%	16.7% #518EF4	RGB 81 142 244	#518EF4
33.3%	33.3% #4580EB	RGB 69 128 235	#4580EB
50.0%	50.0% #3972E3	RGB 57 114 227	#3972E3
66.7%	66.7% #2D63DA	RGB 45 99 218	#2D63DA
83.3%	83.3% #2155D1	RGB 33 85 209	#2155D1
100.0%	100.0% #1547C9	RGB 21 71 201	#1547C9

#5E9DFD #518EF4 #4580EB #3972E3 #2D63DA #2155D1 #1547C9

#5E9DFD - #1547C9

HSV Blend

#5E9DFD - #1547C9 | 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 #5E9DFD as 0% and #1547C9 as 100%.

0.0%	0.0% #5E9DFD	RGB 94 157 253	#5E9DFD
16.7%	16.7% #4F8DF4	RGB 79 141 244	#4F8DF4
33.3%	33.3% #427EEB	RGB 66 126 235	#427EEB
50.0%	50.0% #3670E3	RGB 54 112 227	#3670E3
66.7%	66.7% #2A62DA	RGB 42 98 218	#2A62DA
83.3%	83.3% #1F54D1	RGB 31 84 209	#1F54D1
100.0%	100.0% #1547C9	RGB 21 71 201	#1547C9

#5E9DFD #4F8DF4 #427EEB #3670E3 #2A62DA #1F54D1 #1547C9

#5E9DFD - #3670E3 - #1547C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9DFD 0%, #3670E3 50%, #1547C9 100%);
    background: -webkit-linear-gradient(top, #5E9DFD 0%, #3670E3 50%, #1547C9 100%);
    background: linear-gradient(to bottom, #5E9DFD 0%, #3670E3 50%, #1547C9 100%);
}
</style>