#5E85C8 - #D1DCEF | 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 #5E85C8 to #D1DCEF

#5E85C8 #D1DCEF

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

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

0.0%	0.0% #5E85C8	RGB 94 133 200	#5E85C8
16.7%	16.7% #7193CE	RGB 113 147 206	#7193CE
33.3%	33.3% #84A2D5	RGB 132 162 213	#84A2D5
50.0%	50.0% #97B0DB	RGB 151 176 219	#97B0DB
66.7%	66.7% #AABFE2	RGB 170 191 226	#AABFE2
83.3%	83.3% #BDCDE8	RGB 189 205 232	#BDCDE8
100.0%	100.0% #D1DCEF	RGB 209 220 239	#D1DCEF

#5E85C8 #7193CE #84A2D5 #97B0DB #AABFE2 #BDCDE8 #D1DCEF

#5E85C8 - #D1DCEF

HSV Blend

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

0.0%	0.0% #5E85C8	RGB 94 133 200	#5E85C8
16.7%	16.7% #6E92CE	RGB 110 146 206	#6E92CE
33.3%	33.3% #809FD5	RGB 128 159 213	#809FD5
50.0%	50.0% #93ADDB	RGB 147 173 219	#93ADDB
66.7%	66.7% #A7BCE2	RGB 167 188 226	#A7BCE2
83.3%	83.3% #BBCCE8	RGB 187 204 232	#BBCCE8
100.0%	100.0% #D1DCEF	RGB 209 220 239	#D1DCEF

#5E85C8 #6E92CE #809FD5 #93ADDB #A7BCE2 #BBCCE8 #D1DCEF

#5E85C8 - #93ADDB - #D1DCEF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E85C8 0%, #93ADDB 50%, #D1DCEF 100%);
    background: -webkit-linear-gradient(top, #5E85C8 0%, #93ADDB 50%, #D1DCEF 100%);
    background: linear-gradient(to bottom, #5E85C8 0%, #93ADDB 50%, #D1DCEF 100%);
}
</style>