#DAECF2 - #8AA8C0 | 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 #DAECF2 to #8AA8C0

#DAECF2 #8AA8C0

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

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

0.0%	0.0% #DAECF2	RGB 218 236 242	#DAECF2
16.7%	16.7% #CCE0E9	RGB 204 224 233	#CCE0E9
33.3%	33.3% #BFD5E1	RGB 191 213 225	#BFD5E1
50.0%	50.0% #B2CAD9	RGB 178 202 217	#B2CAD9
66.7%	66.7% #A4BED0	RGB 164 190 208	#A4BED0
83.3%	83.3% #97B3C8	RGB 151 179 200	#97B3C8
100.0%	100.0% #8AA8C0	RGB 138 168 192	#8AA8C0

#DAECF2 #CCE0E9 #BFD5E1 #B2CAD9 #A4BED0 #97B3C8 #8AA8C0

#DAECF2 - #8AA8C0

HSV Blend

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

0.0%	0.0% #DAECF2	RGB 218 236 242	#DAECF2
16.7%	16.7% #CBE1E9	RGB 203 225 233	#CBE1E9
33.3%	33.3% #BDD5E1	RGB 189 213 225	#BDD5E1
50.0%	50.0% #AFCAD9	RGB 175 202 217	#AFCAD9
66.7%	66.7% #A2BFD0	RGB 162 191 208	#A2BFD0
83.3%	83.3% #96B3C8	RGB 150 179 200	#96B3C8
100.0%	100.0% #8AA8C0	RGB 138 168 192	#8AA8C0

#DAECF2 #CBE1E9 #BDD5E1 #AFCAD9 #A2BFD0 #96B3C8 #8AA8C0

#DAECF2 - #AFCAD9 - #8AA8C0

CSS codes

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

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