#5E86EB - #9EC7F1 | 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 #5E86EB to #9EC7F1

#5E86EB #9EC7F1

Calculate the color between two colors, #5E86EB and #9EC7F1. 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)

#5E86EB - #9EC7F1 | 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 #5E86EB as 0% and #9EC7F1 as 100%.

0.0%	0.0% #5E86EB	RGB 94 134 235	#5E86EB
16.7%	16.7% #6890EC	RGB 104 144 236	#6890EC
33.3%	33.3% #739BED	RGB 115 155 237	#739BED
50.0%	50.0% #7EA6EE	RGB 126 166 238	#7EA6EE
66.7%	66.7% #88B1EF	RGB 136 177 239	#88B1EF
83.3%	83.3% #93BCF0	RGB 147 188 240	#93BCF0
100.0%	100.0% #9EC7F1	RGB 158 199 241	#9EC7F1

#5E86EB #6890EC #739BED #7EA6EE #88B1EF #93BCF0 #9EC7F1

#5E86EB - #9EC7F1

HSV Blend

#5E86EB - #9EC7F1 | 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 #5E86EB as 0% and #9EC7F1 as 100%.

0.0%	0.0% #5E85EB	RGB 94 133 235	#5E85EB
16.7%	16.7% #6892EC	RGB 104 146 236	#6892EC
33.3%	33.3% #729EED	RGB 114 158 237	#729EED
50.0%	50.0% #7DA9EE	RGB 125 169 238	#7DA9EE
66.7%	66.7% #88B3EF	RGB 136 179 239	#88B3EF
83.3%	83.3% #93BDF0	RGB 147 189 240	#93BDF0
100.0%	100.0% #9EC7F1	RGB 158 199 241	#9EC7F1

#5E85EB #6892EC #729EED #7DA9EE #88B3EF #93BDF0 #9EC7F1

#5E86EB - #7DA9EE - #9EC7F1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E85EB 0%, #7DA9EE 50%, #9EC7F1 100%);
    background: -webkit-linear-gradient(top, #5E85EB 0%, #7DA9EE 50%, #9EC7F1 100%);
    background: linear-gradient(to bottom, #5E85EB 0%, #7DA9EE 50%, #9EC7F1 100%);
}
</style>