#5E85C3 - #D1DBED | 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 #5E85C3 to #D1DBED

#5E85C3 #D1DBED

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

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

0.0%	0.0% #5E85C3	RGB 94 133 195	#5E85C3
16.7%	16.7% #7193CA	RGB 113 147 202	#7193CA
33.3%	33.3% #84A1D1	RGB 132 161 209	#84A1D1
50.0%	50.0% #97B0D8	RGB 151 176 216	#97B0D8
66.7%	66.7% #AABEDF	RGB 170 190 223	#AABEDF
83.3%	83.3% #BDCCE6	RGB 189 204 230	#BDCCE6
100.0%	100.0% #D1DBED	RGB 209 219 237	#D1DBED

#5E85C3 #7193CA #84A1D1 #97B0D8 #AABEDF #BDCCE6 #D1DBED

#5E85C3 - #D1DBED

HSV Blend

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

0.0%	0.0% #5E85C3	RGB 94 133 195	#5E85C3
16.7%	16.7% #6E91CA	RGB 110 145 202	#6E91CA
33.3%	33.3% #809ED1	RGB 128 158 209	#809ED1
50.0%	50.0% #93ACD8	RGB 147 172 216	#93ACD8
66.7%	66.7% #A6BBDF	RGB 166 187 223	#A6BBDF
83.3%	83.3% #BBCAE6	RGB 187 202 230	#BBCAE6
100.0%	100.0% #D1DBED	RGB 209 219 237	#D1DBED

#5E85C3 #6E91CA #809ED1 #93ACD8 #A6BBDF #BBCAE6 #D1DBED

#5E85C3 - #93ACD8 - #D1DBED

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E85C3 0%, #93ACD8 50%, #D1DBED 100%);
    background: -webkit-linear-gradient(top, #5E85C3 0%, #93ACD8 50%, #D1DBED 100%);
    background: linear-gradient(to bottom, #5E85C3 0%, #93ACD8 50%, #D1DBED 100%);
}
</style>