#5E85CA - #8CD4FF | 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 #5E85CA to #8CD4FF

#5E85CA #8CD4FF

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

#5E85CA - #8CD4FF | 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 #5E85CA as 0% and #8CD4FF as 100%.

0.0%	0.0% #5E85CA	RGB 94 133 202	#5E85CA
16.7%	16.7% #6592D2	RGB 101 146 210	#6592D2
33.3%	33.3% #6D9FDB	RGB 109 159 219	#6D9FDB
50.0%	50.0% #75ACE4	RGB 117 172 228	#75ACE4
66.7%	66.7% #7CB9ED	RGB 124 185 237	#7CB9ED
83.3%	83.3% #84C6F6	RGB 132 198 246	#84C6F6
100.0%	100.0% #8CD4FF	RGB 140 212 255	#8CD4FF

#5E85CA #6592D2 #6D9FDB #75ACE4 #7CB9ED #84C6F6 #8CD4FF

#5E85CA - #8CD4FF

HSV Blend

#5E85CA - #8CD4FF | 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 #5E85CA as 0% and #8CD4FF as 100%.

0.0%	0.0% #5E85CA	RGB 94 133 202	#5E85CA
16.7%	16.7% #6591D2	RGB 101 145 210	#6591D2
33.3%	33.3% #6C9EDB	RGB 108 158 219	#6C9EDB
50.0%	50.0% #73ABE4	RGB 115 171 228	#73ABE4
66.7%	66.7% #7BB8ED	RGB 123 184 237	#7BB8ED
83.3%	83.3% #83C6F6	RGB 131 198 246	#83C6F6
100.0%	100.0% #8CD4FF	RGB 140 212 255	#8CD4FF

#5E85CA #6591D2 #6C9EDB #73ABE4 #7BB8ED #83C6F6 #8CD4FF

#5E85CA - #73ABE4 - #8CD4FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E85CA 0%, #73ABE4 50%, #8CD4FF 100%);
    background: -webkit-linear-gradient(top, #5E85CA 0%, #73ABE4 50%, #8CD4FF 100%);
    background: linear-gradient(to bottom, #5E85CA 0%, #73ABE4 50%, #8CD4FF 100%);
}
</style>