#DAE2E3 - #8DC3CE | 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 #DAE2E3 to #8DC3CE

#DAE2E3 #8DC3CE

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

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

0.0%	0.0% #DAE2E3	RGB 218 226 227	#DAE2E3
16.7%	16.7% #CDDCDF	RGB 205 220 223	#CDDCDF
33.3%	33.3% #C0D7DC	RGB 192 215 220	#C0D7DC
50.0%	50.0% #B3D2D8	RGB 179 210 216	#B3D2D8
66.7%	66.7% #A6CDD5	RGB 166 205 213	#A6CDD5
83.3%	83.3% #99C8D1	RGB 153 200 209	#99C8D1
100.0%	100.0% #8DC3CE	RGB 141 195 206	#8DC3CE

#DAE2E3 #CDDCDF #C0D7DC #B3D2D8 #A6CDD5 #99C8D1 #8DC3CE

#DAE2E3 - #8DC3CE

HSV Blend

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

0.0%	0.0% #DAE2E3	RGB 218 226 227	#DAE2E3
16.7%	16.7% #CCDDDF	RGB 204 221 223	#CCDDDF
33.3%	33.3% #BFD8DC	RGB 191 216 220	#BFD8DC
50.0%	50.0% #B2D3D8	RGB 178 211 216	#B2D3D8
66.7%	66.7% #A5CDD5	RGB 165 205 213	#A5CDD5
83.3%	83.3% #99C8D1	RGB 153 200 209	#99C8D1
100.0%	100.0% #8DC3CE	RGB 141 195 206	#8DC3CE

#DAE2E3 #CCDDDF #BFD8DC #B2D3D8 #A5CDD5 #99C8D1 #8DC3CE

#DAE2E3 - #B2D3D8 - #8DC3CE

CSS codes

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

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