#5E9AEB - #D1E2F9 | 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 #5E9AEB to #D1E2F9

#5E9AEB #D1E2F9

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

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

0.0%	0.0% #5E9AEB	RGB 94 154 235	#5E9AEB
16.7%	16.7% #71A6ED	RGB 113 166 237	#71A6ED
33.3%	33.3% #84B2EF	RGB 132 178 239	#84B2EF
50.0%	50.0% #97BEF2	RGB 151 190 242	#97BEF2
66.7%	66.7% #AACAF4	RGB 170 202 244	#AACAF4
83.3%	83.3% #BDD6F6	RGB 189 214 246	#BDD6F6
100.0%	100.0% #D1E2F9	RGB 209 226 249	#D1E2F9

#5E9AEB #71A6ED #84B2EF #97BEF2 #AACAF4 #BDD6F6 #D1E2F9

#5E9AEB - #D1E2F9

HSV Blend

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

0.0%	0.0% #5E9AEB	RGB 94 154 235	#5E9AEB
16.7%	16.7% #70A5ED	RGB 112 165 237	#70A5ED
33.3%	33.3% #82B1EF	RGB 130 177 239	#82B1EF
50.0%	50.0% #95BDF2	RGB 149 189 242	#95BDF2
66.7%	66.7% #A9C9F4	RGB 169 201 244	#A9C9F4
83.3%	83.3% #BCD5F6	RGB 188 213 246	#BCD5F6
100.0%	100.0% #D1E2F9	RGB 209 226 249	#D1E2F9

#5E9AEB #70A5ED #82B1EF #95BDF2 #A9C9F4 #BCD5F6 #D1E2F9

#5E9AEB - #95BDF2 - #D1E2F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9AEB 0%, #95BDF2 50%, #D1E2F9 100%);
    background: -webkit-linear-gradient(top, #5E9AEB 0%, #95BDF2 50%, #D1E2F9 100%);
    background: linear-gradient(to bottom, #5E9AEB 0%, #95BDF2 50%, #D1E2F9 100%);
}
</style>