#D3DAE3 - #849ECF | 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 #D3DAE3 to #849ECF

#D3DAE3 #849ECF

Calculate the color between two colors, #D3DAE3 and #849ECF. 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)

#D3DAE3 - #849ECF | 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 #D3DAE3 as 0% and #849ECF as 100%.

0.0%	0.0% #D3DAE3	RGB 211 218 227	#D3DAE3
16.7%	16.7% #C5D0DF	RGB 197 208 223	#C5D0DF
33.3%	33.3% #B8C6DC	RGB 184 198 220	#B8C6DC
50.0%	50.0% #ABBCD9	RGB 171 188 217	#ABBCD9
66.7%	66.7% #9EB2D5	RGB 158 178 213	#9EB2D5
83.3%	83.3% #91A8D2	RGB 145 168 210	#91A8D2
100.0%	100.0% #849ECF	RGB 132 158 207	#849ECF

#D3DAE3 #C5D0DF #B8C6DC #ABBCD9 #9EB2D5 #91A8D2 #849ECF

#D3DAE3 - #849ECF

HSV Blend

#D3DAE3 - #849ECF | 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 #D3DAE3 as 0% and #849ECF as 100%.

0.0%	0.0% #D3DAE3	RGB 211 218 227	#D3DAE3
16.7%	16.7% #C5D0DF	RGB 197 208 223	#C5D0DF
33.3%	33.3% #B7C6DC	RGB 183 198 220	#B7C6DC
50.0%	50.0% #AABCD9	RGB 170 188 217	#AABCD9
66.7%	66.7% #9DB2D5	RGB 157 178 213	#9DB2D5
83.3%	83.3% #90A8D2	RGB 144 168 210	#90A8D2
100.0%	100.0% #849ECF	RGB 132 158 207	#849ECF

#D3DAE3 #C5D0DF #B7C6DC #AABCD9 #9DB2D5 #90A8D2 #849ECF

#D3DAE3 - #AABCD9 - #849ECF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D3DAE3 0%, #AABCD9 50%, #849ECF 100%);
    background: -webkit-linear-gradient(top, #D3DAE3 0%, #AABCD9 50%, #849ECF 100%);
    background: linear-gradient(to bottom, #D3DAE3 0%, #AABCD9 50%, #849ECF 100%);
}
</style>