#5E85CA - #B0C5D9 | 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 #B0C5D9

#5E85CA #B0C5D9

Calculate the color between two colors, #5E85CA and #B0C5D9. 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 - #B0C5D9 | 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 #B0C5D9 as 100%.

0.0%	0.0% #5E85CA	RGB 94 133 202	#5E85CA
16.7%	16.7% #6B8FCC	RGB 107 143 204	#6B8FCC
33.3%	33.3% #799ACF	RGB 121 154 207	#799ACF
50.0%	50.0% #87A5D1	RGB 135 165 209	#87A5D1
66.7%	66.7% #94AFD4	RGB 148 175 212	#94AFD4
83.3%	83.3% #A2BAD6	RGB 162 186 214	#A2BAD6
100.0%	100.0% #B0C5D9	RGB 176 197 217	#B0C5D9

#5E85CA #6B8FCC #799ACF #87A5D1 #94AFD4 #A2BAD6 #B0C5D9

#5E85CA - #B0C5D9

HSV Blend

#5E85CA - #B0C5D9 | 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 #B0C5D9 as 100%.

0.0%	0.0% #5E85CA	RGB 94 133 202	#5E85CA
16.7%	16.7% #6A90CC	RGB 106 144 204	#6A90CC
33.3%	33.3% #789BCF	RGB 120 155 207	#789BCF
50.0%	50.0% #85A6D1	RGB 133 166 209	#85A6D1
66.7%	66.7% #93B1D4	RGB 147 177 212	#93B1D4
83.3%	83.3% #A1BBD6	RGB 161 187 214	#A1BBD6
100.0%	100.0% #B0C5D9	RGB 176 197 217	#B0C5D9

#5E85CA #6A90CC #789BCF #85A6D1 #93B1D4 #A1BBD6 #B0C5D9

#5E85CA - #85A6D1 - #B0C5D9

CSS codes

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

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