#DAEBE7 - #8AAF9A | 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 #DAEBE7 to #8AAF9A

#DAEBE7 #8AAF9A

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

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

0.0%	0.0% #DAEBE7	RGB 218 235 231	#DAEBE7
16.7%	16.7% #CCE1DA	RGB 204 225 218	#CCE1DA
33.3%	33.3% #BFD7CD	RGB 191 215 205	#BFD7CD
50.0%	50.0% #B2CDC0	RGB 178 205 192	#B2CDC0
66.7%	66.7% #A4C3B3	RGB 164 195 179	#A4C3B3
83.3%	83.3% #97B9A6	RGB 151 185 166	#97B9A6
100.0%	100.0% #8AAF9A	RGB 138 175 154	#8AAF9A

#DAEBE7 #CCE1DA #BFD7CD #B2CDC0 #A4C3B3 #97B9A6 #8AAF9A

#DAEBE7 - #8AAF9A

HSV Blend

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

0.0%	0.0% #DAEBE7	RGB 218 235 231	#DAEBE7
16.7%	16.7% #CBE1DA	RGB 203 225 218	#CBE1DA
33.3%	33.3% #BDD7CE	RGB 189 215 206	#BDD7CE
50.0%	50.0% #AFCDC1	RGB 175 205 193	#AFCDC1
66.7%	66.7% #A2C3B4	RGB 162 195 180	#A2C3B4
83.3%	83.3% #96B9A7	RGB 150 185 167	#96B9A7
100.0%	100.0% #8AAF9A	RGB 138 175 154	#8AAF9A

#DAEBE7 #CBE1DA #BDD7CE #AFCDC1 #A2C3B4 #96B9A7 #8AAF9A

#DAEBE7 - #AFCDC1 - #8AAF9A

CSS codes

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

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