#DAECE7 - #7EAFBB | 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 #7EAFBB

#DAECE7 #7EAFBB

Calculate the color between two colors, #DAECE7 and #7EAFBB. 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 - #7EAFBB | 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 #7EAFBB as 100%.

0.0%	0.0% #DAECE7	RGB 218 236 231	#DAECE7
16.7%	16.7% #CAE1DF	RGB 202 225 223	#CAE1DF
33.3%	33.3% #BBD7D8	RGB 187 215 216	#BBD7D8
50.0%	50.0% #ACCDD1	RGB 172 205 209	#ACCDD1
66.7%	66.7% #9CC3C9	RGB 156 195 201	#9CC3C9
83.3%	83.3% #8DB9C2	RGB 141 185 194	#8DB9C2
100.0%	100.0% #7EAFBB	RGB 126 175 187	#7EAFBB

#DAECE7 #CAE1DF #BBD7D8 #ACCDD1 #9CC3C9 #8DB9C2 #7EAFBB

#DAECE7 - #7EAFBB

HSV Blend

#DAECE7 - #7EAFBB | 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 #7EAFBB as 100%.

0.0%	0.0% #DAECE7	RGB 218 236 231	#DAECE7
16.7%	16.7% #C8E3DE	RGB 200 227 222	#C8E3DE
33.3%	33.3% #B8DBD7	RGB 184 219 215	#B8DBD7
50.0%	50.0% #A8D3D1	RGB 168 211 209	#A8D3D1
66.7%	66.7% #99C9CB	RGB 153 201 203	#99C9CB
83.3%	83.3% #8BBCC3	RGB 139 188 195	#8BBCC3
100.0%	100.0% #7EAFBB	RGB 126 175 187	#7EAFBB

#DAECE7 #C8E3DE #B8DBD7 #A8D3D1 #99C9CB #8BBCC3 #7EAFBB

#DAECE7 - #A8D3D1 - #7EAFBB

CSS codes

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

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