#5E83EB - #D1DBF9 | 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 #5E83EB to #D1DBF9

#5E83EB #D1DBF9

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

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

0.0%	0.0% #5E83EB	RGB 94 131 235	#5E83EB
16.7%	16.7% #7191ED	RGB 113 145 237	#7191ED
33.3%	33.3% #84A0EF	RGB 132 160 239	#84A0EF
50.0%	50.0% #97AFF2	RGB 151 175 242	#97AFF2
66.7%	66.7% #AABDF4	RGB 170 189 244	#AABDF4
83.3%	83.3% #BDCCF6	RGB 189 204 246	#BDCCF6
100.0%	100.0% #D1DBF9	RGB 209 219 249	#D1DBF9

#5E83EB #7191ED #84A0EF #97AFF2 #AABDF4 #BDCCF6 #D1DBF9

#5E83EB - #D1DBF9

HSV Blend

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

0.0%	0.0% #5E83EB	RGB 94 131 235	#5E83EB
16.7%	16.7% #7090ED	RGB 112 144 237	#7090ED
33.3%	33.3% #829FEF	RGB 130 159 239	#829FEF
50.0%	50.0% #95ADF2	RGB 149 173 242	#95ADF2
66.7%	66.7% #A9BCF4	RGB 169 188 244	#A9BCF4
83.3%	83.3% #BCCBF6	RGB 188 203 246	#BCCBF6
100.0%	100.0% #D1DBF9	RGB 209 219 249	#D1DBF9

#5E83EB #7090ED #829FEF #95ADF2 #A9BCF4 #BCCBF6 #D1DBF9

#5E83EB - #95ADF2 - #D1DBF9

CSS codes

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

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