#5E9DEC - #0052CA | 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 #5E9DEC to #0052CA

#5E9DEC #0052CA

Calculate the color between two colors, #5E9DEC and #0052CA. 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)

#5E9DEC - #0052CA | 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 #5E9DEC as 0% and #0052CA as 100%.

0.0%	0.0% #5E9DEC	RGB 94 157 236	#5E9DEC
16.7%	16.7% #4E90E6	RGB 78 144 230	#4E90E6
33.3%	33.3% #3E84E0	RGB 62 132 224	#3E84E0
50.0%	50.0% #2F77DB	RGB 47 119 219	#2F77DB
66.7%	66.7% #1F6BD5	RGB 31 107 213	#1F6BD5
83.3%	83.3% #0F5ECF	RGB 15 94 207	#0F5ECF
100.0%	100.0% #0052CA	RGB 0 82 202	#0052CA

#5E9DEC #4E90E6 #3E84E0 #2F77DB #1F6BD5 #0F5ECF #0052CA

#5E9DEC - #0052CA

HSV Blend

#5E9DEC - #0052CA | 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 #5E9DEC as 0% and #0052CA as 100%.

0.0%	0.0% #5E9DEC	RGB 94 157 236	#5E9DEC
16.7%	16.7% #4C8FE6	RGB 76 143 230	#4C8FE6
33.3%	33.3% #3B82E0	RGB 59 130 224	#3B82E0
50.0%	50.0% #2B76DB	RGB 43 118 219	#2B76DB
66.7%	66.7% #1C69D5	RGB 28 105 213	#1C69D5
83.3%	83.3% #0D5DCF	RGB 13 93 207	#0D5DCF
100.0%	100.0% #0052CA	RGB 0 82 202	#0052CA

#5E9DEC #4C8FE6 #3B82E0 #2B76DB #1C69D5 #0D5DCF #0052CA

#5E9DEC - #2B76DB - #0052CA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9DEC 0%, #2B76DB 50%, #0052CA 100%);
    background: -webkit-linear-gradient(top, #5E9DEC 0%, #2B76DB 50%, #0052CA 100%);
    background: linear-gradient(to bottom, #5E9DEC 0%, #2B76DB 50%, #0052CA 100%);
}
</style>