#5E6BBE - #85D5FF | 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 #5E6BBE to #85D5FF

#5E6BBE #85D5FF

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

#5E6BBE - #85D5FF | 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 #5E6BBE as 0% and #85D5FF as 100%.

0.0%	0.0% #5E6BBE	RGB 94 107 190	#5E6BBE
16.7%	16.7% #647CC8	RGB 100 124 200	#647CC8
33.3%	33.3% #6B8ED3	RGB 107 142 211	#6B8ED3
50.0%	50.0% #71A0DE	RGB 113 160 222	#71A0DE
66.7%	66.7% #78B1E9	RGB 120 177 233	#78B1E9
83.3%	83.3% #7EC3F4	RGB 126 195 244	#7EC3F4
100.0%	100.0% #85D5FF	RGB 133 213 255	#85D5FF

#5E6BBE #647CC8 #6B8ED3 #71A0DE #78B1E9 #7EC3F4 #85D5FF

#5E6BBE - #85D5FF

HSV Blend

#5E6BBE - #85D5FF | 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 #5E6BBE as 0% and #85D5FF as 100%.

0.0%	0.0% #5E6BBE	RGB 94 107 190	#5E6BBE
16.7%	16.7% #647AC8	RGB 100 122 200	#647AC8
33.3%	33.3% #6A8BD3	RGB 106 139 211	#6A8BD3
50.0%	50.0% #719CDE	RGB 113 156 222	#719CDE
66.7%	66.7% #77AEE9	RGB 119 174 233	#77AEE9
83.3%	83.3% #7EC1F4	RGB 126 193 244	#7EC1F4
100.0%	100.0% #85D5FF	RGB 133 213 255	#85D5FF

#5E6BBE #647AC8 #6A8BD3 #719CDE #77AEE9 #7EC1F4 #85D5FF

#5E6BBE - #719CDE - #85D5FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6BBE 0%, #719CDE 50%, #85D5FF 100%);
    background: -webkit-linear-gradient(top, #5E6BBE 0%, #719CDE 50%, #85D5FF 100%);
    background: linear-gradient(to bottom, #5E6BBE 0%, #719CDE 50%, #85D5FF 100%);
}
</style>