#DAE6EB - #8AAFAC | 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 #DAE6EB to #8AAFAC

#DAE6EB #8AAFAC

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

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

0.0%	0.0% #DAE6EB	RGB 218 230 235	#DAE6EB
16.7%	16.7% #CCDCE0	RGB 204 220 224	#CCDCE0
33.3%	33.3% #BFD3D6	RGB 191 211 214	#BFD3D6
50.0%	50.0% #B2CACB	RGB 178 202 203	#B2CACB
66.7%	66.7% #A4C1C1	RGB 164 193 193	#A4C1C1
83.3%	83.3% #97B8B6	RGB 151 184 182	#97B8B6
100.0%	100.0% #8AAFAC	RGB 138 175 172	#8AAFAC

#DAE6EB #CCDCE0 #BFD3D6 #B2CACB #A4C1C1 #97B8B6 #8AAFAC

#DAE6EB - #8AAFAC

HSV Blend

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

0.0%	0.0% #DAE6EB	RGB 218 230 235	#DAE6EB
16.7%	16.7% #CBDCE1	RGB 203 220 225	#CBDCE1
33.3%	33.3% #BDD2D7	RGB 189 210 215	#BDD2D7
50.0%	50.0% #AFC9CD	RGB 175 201 205	#AFC9CD
66.7%	66.7% #A2C1C3	RGB 162 193 195	#A2C1C3
83.3%	83.3% #96B9B8	RGB 150 185 184	#96B9B8
100.0%	100.0% #8AAFAC	RGB 138 175 172	#8AAFAC

#DAE6EB #CBDCE1 #BDD2D7 #AFC9CD #A2C1C3 #96B9B8 #8AAFAC

#DAE6EB - #AFC9CD - #8AAFAC

CSS codes

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

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