#DAE3EB - #8AA9CE | 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 #DAE3EB to #8AA9CE

#DAE3EB #8AA9CE

Calculate the color between two colors, #DAE3EB and #8AA9CE. 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)

#DAE3EB - #8AA9CE | 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 #DAE3EB as 0% and #8AA9CE as 100%.

0.0%	0.0% #DAE3EB	RGB 218 227 235	#DAE3EB
16.7%	16.7% #CCD9E6	RGB 204 217 230	#CCD9E6
33.3%	33.3% #BFCFE1	RGB 191 207 225	#BFCFE1
50.0%	50.0% #B2C6DC	RGB 178 198 220	#B2C6DC
66.7%	66.7% #A4BCD7	RGB 164 188 215	#A4BCD7
83.3%	83.3% #97B2D2	RGB 151 178 210	#97B2D2
100.0%	100.0% #8AA9CE	RGB 138 169 206	#8AA9CE

#DAE3EB #CCD9E6 #BFCFE1 #B2C6DC #A4BCD7 #97B2D2 #8AA9CE

#DAE3EB - #8AA9CE

HSV Blend

#DAE3EB - #8AA9CE | 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 #DAE3EB as 0% and #8AA9CE as 100%.

0.0%	0.0% #DAE3EB	RGB 218 227 235	#DAE3EB
16.7%	16.7% #CBD9E6	RGB 203 217 230	#CBD9E6
33.3%	33.3% #BDCFE1	RGB 189 207 225	#BDCFE1
50.0%	50.0% #B0C5DC	RGB 176 197 220	#B0C5DC
66.7%	66.7% #A3BCD7	RGB 163 188 215	#A3BCD7
83.3%	83.3% #96B2D2	RGB 150 178 210	#96B2D2
100.0%	100.0% #8AA9CE	RGB 138 169 206	#8AA9CE

#DAE3EB #CBD9E6 #BDCFE1 #B0C5DC #A3BCD7 #96B2D2 #8AA9CE

#DAE3EB - #B0C5DC - #8AA9CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAE3EB 0%, #B0C5DC 50%, #8AA9CE 100%);
    background: -webkit-linear-gradient(top, #DAE3EB 0%, #B0C5DC 50%, #8AA9CE 100%);
    background: linear-gradient(to bottom, #DAE3EB 0%, #B0C5DC 50%, #8AA9CE 100%);
}
</style>