#5EACEA - #1E6FC9 | 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 #5EACEA to #1E6FC9

#5EACEA #1E6FC9

Calculate the color between two colors, #5EACEA and #1E6FC9. 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)

#5EACEA - #1E6FC9 | 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 #5EACEA as 0% and #1E6FC9 as 100%.

0.0%	0.0% #5EACEA	RGB 94 172 234	#5EACEA
16.7%	16.7% #53A1E4	RGB 83 161 228	#53A1E4
33.3%	33.3% #4897DF	RGB 72 151 223	#4897DF
50.0%	50.0% #3E8DD9	RGB 62 141 217	#3E8DD9
66.7%	66.7% #3383D4	RGB 51 131 212	#3383D4
83.3%	83.3% #2879CE	RGB 40 121 206	#2879CE
100.0%	100.0% #1E6FC9	RGB 30 111 201	#1E6FC9

#5EACEA #53A1E4 #4897DF #3E8DD9 #3383D4 #2879CE #1E6FC9

#5EACEA - #1E6FC9

HSV Blend

#5EACEA - #1E6FC9 | 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 #5EACEA as 0% and #1E6FC9 as 100%.

0.0%	0.0% #5EACEA	RGB 94 172 234	#5EACEA
16.7%	16.7% #52A1E4	RGB 82 161 228	#52A1E4
33.3%	33.3% #4697DF	RGB 70 151 223	#4697DF
50.0%	50.0% #3B8DD9	RGB 59 141 217	#3B8DD9
66.7%	66.7% #3182D4	RGB 49 130 212	#3182D4
83.3%	83.3% #2778CE	RGB 39 120 206	#2778CE
100.0%	100.0% #1E6FC9	RGB 30 111 201	#1E6FC9

#5EACEA #52A1E4 #4697DF #3B8DD9 #3182D4 #2778CE #1E6FC9

#5EACEA - #3B8DD9 - #1E6FC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EACEA 0%, #3B8DD9 50%, #1E6FC9 100%);
    background: -webkit-linear-gradient(top, #5EACEA 0%, #3B8DD9 50%, #1E6FC9 100%);
    background: linear-gradient(to bottom, #5EACEA 0%, #3B8DD9 50%, #1E6FC9 100%);
}
</style>