#DCEAEC - #8ECBCD | 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 #DCEAEC to #8ECBCD

#DCEAEC #8ECBCD

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

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

0.0%	0.0% #DCEAEC	RGB 220 234 236	#DCEAEC
16.7%	16.7% #CFE4E6	RGB 207 228 230	#CFE4E6
33.3%	33.3% #C2DFE1	RGB 194 223 225	#C2DFE1
50.0%	50.0% #B5DADC	RGB 181 218 220	#B5DADC
66.7%	66.7% #A8D5D7	RGB 168 213 215	#A8D5D7
83.3%	83.3% #9BD0D2	RGB 155 208 210	#9BD0D2
100.0%	100.0% #8ECBCD	RGB 142 203 205	#8ECBCD

#DCEAEC #CFE4E6 #C2DFE1 #B5DADC #A8D5D7 #9BD0D2 #8ECBCD

#DCEAEC - #8ECBCD

HSV Blend

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

0.0%	0.0% #DCEAEC	RGB 220 234 236	#DCEAEC
16.7%	16.7% #CDE4E6	RGB 205 228 230	#CDE4E6
33.3%	33.3% #C0DEE1	RGB 192 222 225	#C0DEE1
50.0%	50.0% #B3D9DC	RGB 179 217 220	#B3D9DC
66.7%	66.7% #A6D4D7	RGB 166 212 215	#A6D4D7
83.3%	83.3% #99CFD2	RGB 153 207 210	#99CFD2
100.0%	100.0% #8ECBCD	RGB 142 203 205	#8ECBCD

#DCEAEC #CDE4E6 #C0DEE1 #B3D9DC #A6D4D7 #99CFD2 #8ECBCD

#DCEAEC - #B3D9DC - #8ECBCD

CSS codes

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

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