#5E86E8 - #A0C7EF | 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 #5E86E8 to #A0C7EF

#5E86E8 #A0C7EF

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

#5E86E8 - #A0C7EF | 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 #5E86E8 as 0% and #A0C7EF as 100%.

0.0%	0.0% #5E86E8	RGB 94 134 232	#5E86E8
16.7%	16.7% #6990E9	RGB 105 144 233	#6990E9
33.3%	33.3% #749BEA	RGB 116 155 234	#749BEA
50.0%	50.0% #7FA6EB	RGB 127 166 235	#7FA6EB
66.7%	66.7% #8AB1EC	RGB 138 177 236	#8AB1EC
83.3%	83.3% #95BCED	RGB 149 188 237	#95BCED
100.0%	100.0% #A0C7EF	RGB 160 199 239	#A0C7EF

#5E86E8 #6990E9 #749BEA #7FA6EB #8AB1EC #95BCED #A0C7EF

#5E86E8 - #A0C7EF

HSV Blend

#5E86E8 - #A0C7EF | 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 #5E86E8 as 0% and #A0C7EF as 100%.

0.0%	0.0% #5E86E8	RGB 94 134 232	#5E86E8
16.7%	16.7% #6892E9	RGB 104 146 233	#6892E9
33.3%	33.3% #739EEA	RGB 115 158 234	#739EEA
50.0%	50.0% #7EA9EB	RGB 126 169 235	#7EA9EB
66.7%	66.7% #89B3EC	RGB 137 179 236	#89B3EC
83.3%	83.3% #94BDED	RGB 148 189 237	#94BDED
100.0%	100.0% #A0C7EF	RGB 160 199 239	#A0C7EF

#5E86E8 #6892E9 #739EEA #7EA9EB #89B3EC #94BDED #A0C7EF

#5E86E8 - #7EA9EB - #A0C7EF

CSS codes

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

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