#DAEEF3 - #8BD0DB | 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 #DAEEF3 to #8BD0DB

#DAEEF3 #8BD0DB

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

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

0.0%	0.0% #DAEEF3	RGB 218 238 243	#DAEEF3
16.7%	16.7% #CCE9EF	RGB 204 233 239	#CCE9EF
33.3%	33.3% #BFE4EB	RGB 191 228 235	#BFE4EB
50.0%	50.0% #B2DFE7	RGB 178 223 231	#B2DFE7
66.7%	66.7% #A5DAE3	RGB 165 218 227	#A5DAE3
83.3%	83.3% #98D5DF	RGB 152 213 223	#98D5DF
100.0%	100.0% #8BD0DB	RGB 139 208 219	#8BD0DB

#DAEEF3 #CCE9EF #BFE4EB #B2DFE7 #A5DAE3 #98D5DF #8BD0DB

#DAEEF3 - #8BD0DB

HSV Blend

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

0.0%	0.0% #DAEEF3	RGB 218 238 243	#DAEEF3
16.7%	16.7% #CBE8EF	RGB 203 232 239	#CBE8EF
33.3%	33.3% #BEE2EB	RGB 190 226 235	#BEE2EB
50.0%	50.0% #B0DDE7	RGB 176 221 231	#B0DDE7
66.7%	66.7% #A3D9E3	RGB 163 217 227	#A3D9E3
83.3%	83.3% #97D4DF	RGB 151 212 223	#97D4DF
100.0%	100.0% #8BD0DB	RGB 139 208 219	#8BD0DB

#DAEEF3 #CBE8EF #BEE2EB #B0DDE7 #A3D9E3 #97D4DF #8BD0DB

#DAEEF3 - #B0DDE7 - #8BD0DB

CSS codes

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

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