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

#5E83BD #D1DBEC

Calculate the color between two colors, #5E83BD 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)

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

0.0%	0.0% #5E83BD	RGB 94 131 189	#5E83BD
16.7%	16.7% #7191C4	RGB 113 145 196	#7191C4
33.3%	33.3% #84A0CC	RGB 132 160 204	#84A0CC
50.0%	50.0% #97AFD4	RGB 151 175 212	#97AFD4
66.7%	66.7% #AABDDC	RGB 170 189 220	#AABDDC
83.3%	83.3% #BDCCE4	RGB 189 204 228	#BDCCE4
100.0%	100.0% #D1DBEC	RGB 209 219 236	#D1DBEC

#5E83BD #7191C4 #84A0CC #97AFD4 #AABDDC #BDCCE4 #D1DBEC

#5E83BD - #D1DBEC

HSV Blend

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

0.0%	0.0% #5E83BD	RGB 94 131 189	#5E83BD
16.7%	16.7% #6E8FC4	RGB 110 143 196	#6E8FC4
33.3%	33.3% #809DCC	RGB 128 157 204	#809DCC
50.0%	50.0% #92ABD4	RGB 146 171 212	#92ABD4
66.7%	66.7% #A6BADC	RGB 166 186 220	#A6BADC
83.3%	83.3% #BBCAE4	RGB 187 202 228	#BBCAE4
100.0%	100.0% #D1DBEC	RGB 209 219 236	#D1DBEC

#5E83BD #6E8FC4 #809DCC #92ABD4 #A6BADC #BBCAE4 #D1DBEC

#5E83BD - #92ABD4 - #D1DBEC

CSS codes

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

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