#5E9FED - #D1E3F9 | 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 #5E9FED to #D1E3F9

#5E9FED #D1E3F9

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

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

0.0%	0.0% #5E9FED	RGB 94 159 237	#5E9FED
16.7%	16.7% #71AAEF	RGB 113 170 239	#71AAEF
33.3%	33.3% #84B5F1	RGB 132 181 241	#84B5F1
50.0%	50.0% #97C1F3	RGB 151 193 243	#97C1F3
66.7%	66.7% #AACCF5	RGB 170 204 245	#AACCF5
83.3%	83.3% #BDD7F7	RGB 189 215 247	#BDD7F7
100.0%	100.0% #D1E3F9	RGB 209 227 249	#D1E3F9

#5E9FED #71AAEF #84B5F1 #97C1F3 #AACCF5 #BDD7F7 #D1E3F9

#5E9FED - #D1E3F9

HSV Blend

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

0.0%	0.0% #5E9EED	RGB 94 158 237	#5E9EED
16.7%	16.7% #70A9EF	RGB 112 169 239	#70A9EF
33.3%	33.3% #83B4F1	RGB 131 180 241	#83B4F1
50.0%	50.0% #96C0F3	RGB 150 192 243	#96C0F3
66.7%	66.7% #A9CBF5	RGB 169 203 245	#A9CBF5
83.3%	83.3% #BDD7F7	RGB 189 215 247	#BDD7F7
100.0%	100.0% #D1E3F9	RGB 209 227 249	#D1E3F9

#5E9EED #70A9EF #83B4F1 #96C0F3 #A9CBF5 #BDD7F7 #D1E3F9

#5E9FED - #96C0F3 - #D1E3F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9EED 0%, #96C0F3 50%, #D1E3F9 100%);
    background: -webkit-linear-gradient(top, #5E9EED 0%, #96C0F3 50%, #D1E3F9 100%);
    background: linear-gradient(to bottom, #5E9EED 0%, #96C0F3 50%, #D1E3F9 100%);
}
</style>