#DAECE7 - #8FB0B7 | 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 #DAECE7 to #8FB0B7

#DAECE7 #8FB0B7

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

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

0.0%	0.0% #DAECE7	RGB 218 236 231	#DAECE7
16.7%	16.7% #CDE2DF	RGB 205 226 223	#CDE2DF
33.3%	33.3% #C1D8D7	RGB 193 216 215	#C1D8D7
50.0%	50.0% #B4CECF	RGB 180 206 207	#B4CECF
66.7%	66.7% #A8C4C7	RGB 168 196 199	#A8C4C7
83.3%	83.3% #9BBABF	RGB 155 186 191	#9BBABF
100.0%	100.0% #8FB0B7	RGB 143 176 183	#8FB0B7

#DAECE7 #CDE2DF #C1D8D7 #B4CECF #A8C4C7 #9BBABF #8FB0B7

#DAECE7 - #8FB0B7

HSV Blend

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

0.0%	0.0% #DAECE7	RGB 218 236 231	#DAECE7
16.7%	16.7% #CCE3DE	RGB 204 227 222	#CCE3DE
33.3%	33.3% #BFDAD6	RGB 191 218 214	#BFDAD6
50.0%	50.0% #B2D1CF	RGB 178 209 207	#B2D1CF
66.7%	66.7% #A6C7C8	RGB 166 199 200	#A6C7C8
83.3%	83.3% #9ABCBF	RGB 154 188 191	#9ABCBF
100.0%	100.0% #8FB0B7	RGB 143 176 183	#8FB0B7

#DAECE7 #CCE3DE #BFDAD6 #B2D1CF #A6C7C8 #9ABCBF #8FB0B7

#DAECE7 - #B2D1CF - #8FB0B7

CSS codes

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

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