#5E83BF - #D1DBEC | 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 #5E83BF to #D1DBEC

#5E83BF #D1DBEC

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

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

0.0%	0.0% #5E83BF	RGB 94 131 191	#5E83BF
16.7%	16.7% #7191C6	RGB 113 145 198	#7191C6
33.3%	33.3% #84A0CE	RGB 132 160 206	#84A0CE
50.0%	50.0% #97AFD5	RGB 151 175 213	#97AFD5
66.7%	66.7% #AABDDD	RGB 170 189 221	#AABDDD
83.3%	83.3% #BDCCE4	RGB 189 204 228	#BDCCE4
100.0%	100.0% #D1DBEC	RGB 209 219 236	#D1DBEC

#5E83BF #7191C6 #84A0CE #97AFD5 #AABDDD #BDCCE4 #D1DBEC

#5E83BF - #D1DBEC

HSV Blend

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

0.0%	0.0% #5E83BF	RGB 94 131 191	#5E83BF
16.7%	16.7% #6E90C6	RGB 110 144 198	#6E90C6
33.3%	33.3% #809DCE	RGB 128 157 206	#809DCE
50.0%	50.0% #93ACD5	RGB 147 172 213	#93ACD5
66.7%	66.7% #A6BBDD	RGB 166 187 221	#A6BBDD
83.3%	83.3% #BBCAE4	RGB 187 202 228	#BBCAE4
100.0%	100.0% #D1DBEC	RGB 209 219 236	#D1DBEC

#5E83BF #6E90C6 #809DCE #93ACD5 #A6BBDD #BBCAE4 #D1DBEC

#5E83BF - #93ACD5 - #D1DBEC

CSS codes

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

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