#5EBCFF - #116BD6 | 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 #5EBCFF to #116BD6

#5EBCFF #116BD6

Calculate the color between two colors, #5EBCFF and #116BD6. 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)

#5EBCFF - #116BD6 | 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 #5EBCFF as 0% and #116BD6 as 100%.

0.0%	0.0% #5EBCFF	RGB 94 188 255	#5EBCFF
16.7%	16.7% #51AEF8	RGB 81 174 248	#51AEF8
33.3%	33.3% #44A1F1	RGB 68 161 241	#44A1F1
50.0%	50.0% #3793EA	RGB 55 147 234	#3793EA
66.7%	66.7% #2A86E3	RGB 42 134 227	#2A86E3
83.3%	83.3% #1D78DC	RGB 29 120 220	#1D78DC
100.0%	100.0% #116BD6	RGB 17 107 214	#116BD6

#5EBCFF #51AEF8 #44A1F1 #3793EA #2A86E3 #1D78DC #116BD6

#5EBCFF - #116BD6

HSV Blend

#5EBCFF - #116BD6 | 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 #5EBCFF as 0% and #116BD6 as 100%.

0.0%	0.0% #5DBCFF	RGB 93 188 255	#5DBCFF
16.7%	16.7% #4FAEF8	RGB 79 174 248	#4FAEF8
33.3%	33.3% #41A0F1	RGB 65 160 241	#41A0F1
50.0%	50.0% #3493EA	RGB 52 147 234	#3493EA
66.7%	66.7% #2885E3	RGB 40 133 227	#2885E3
83.3%	83.3% #1C78DC	RGB 28 120 220	#1C78DC
100.0%	100.0% #116BD6	RGB 17 107 214	#116BD6

#5DBCFF #4FAEF8 #41A0F1 #3493EA #2885E3 #1C78DC #116BD6

#5EBCFF - #3493EA - #116BD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DBCFF 0%, #3493EA 50%, #116BD6 100%);
    background: -webkit-linear-gradient(top, #5DBCFF 0%, #3493EA 50%, #116BD6 100%);
    background: linear-gradient(to bottom, #5DBCFF 0%, #3493EA 50%, #116BD6 100%);
}
</style>