#DAEDEA - #8CCDBD | 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 #DAEDEA to #8CCDBD

#DAEDEA #8CCDBD

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

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

0.0%	0.0% #DAEDEA	RGB 218 237 234	#DAEDEA
16.7%	16.7% #CDE7E2	RGB 205 231 226	#CDE7E2
33.3%	33.3% #C0E2DB	RGB 192 226 219	#C0E2DB
50.0%	50.0% #B3DDD3	RGB 179 221 211	#B3DDD3
66.7%	66.7% #A6D7CC	RGB 166 215 204	#A6D7CC
83.3%	83.3% #99D2C4	RGB 153 210 196	#99D2C4
100.0%	100.0% #8CCDBD	RGB 140 205 189	#8CCDBD

#DAEDEA #CDE7E2 #C0E2DB #B3DDD3 #A6D7CC #99D2C4 #8CCDBD

#DAEDEA - #8CCDBD

HSV Blend

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

0.0%	0.0% #DAEDEA	RGB 218 237 234	#DAEDEA
16.7%	16.7% #CBE7E2	RGB 203 231 226	#CBE7E2
33.3%	33.3% #BEE2DB	RGB 190 226 219	#BEE2DB
50.0%	50.0% #B1DDD4	RGB 177 221 212	#B1DDD4
66.7%	66.7% #A4D7CC	RGB 164 215 204	#A4D7CC
83.3%	83.3% #97D2C4	RGB 151 210 196	#97D2C4
100.0%	100.0% #8CCDBD	RGB 140 205 189	#8CCDBD

#DAEDEA #CBE7E2 #BEE2DB #B1DDD4 #A4D7CC #97D2C4 #8CCDBD

#DAEDEA - #B1DDD4 - #8CCDBD

CSS codes

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

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