#5E9DBC - #D1E2EB | 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 #5E9DBC to #D1E2EB

#5E9DBC #D1E2EB

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

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

0.0%	0.0% #5E9DBC	RGB 94 157 188	#5E9DBC
16.7%	16.7% #71A8C3	RGB 113 168 195	#71A8C3
33.3%	33.3% #84B4CB	RGB 132 180 203	#84B4CB
50.0%	50.0% #97BFD3	RGB 151 191 211	#97BFD3
66.7%	66.7% #AACBDB	RGB 170 203 219	#AACBDB
83.3%	83.3% #BDD6E3	RGB 189 214 227	#BDD6E3
100.0%	100.0% #D1E2EB	RGB 209 226 235	#D1E2EB

#5E9DBC #71A8C3 #84B4CB #97BFD3 #AACBDB #BDD6E3 #D1E2EB

#5E9DBC - #D1E2EB

HSV Blend

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

0.0%	0.0% #5E9DBC	RGB 94 157 188	#5E9DBC
16.7%	16.7% #6EA7C3	RGB 110 167 195	#6EA7C3
33.3%	33.3% #80B2CB	RGB 128 178 203	#80B2CB
50.0%	50.0% #92BDD3	RGB 146 189 211	#92BDD3
66.7%	66.7% #A6C9DB	RGB 166 201 219	#A6C9DB
83.3%	83.3% #BBD5E3	RGB 187 213 227	#BBD5E3
100.0%	100.0% #D1E2EB	RGB 209 226 235	#D1E2EB

#5E9DBC #6EA7C3 #80B2CB #92BDD3 #A6C9DB #BBD5E3 #D1E2EB

#5E9DBC - #92BDD3 - #D1E2EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9DBC 0%, #92BDD3 50%, #D1E2EB 100%);
    background: -webkit-linear-gradient(top, #5E9DBC 0%, #92BDD3 50%, #D1E2EB 100%);
    background: linear-gradient(to bottom, #5E9DBC 0%, #92BDD3 50%, #D1E2EB 100%);
}
</style>