#DADEE3 - #8697AA | 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 #DADEE3 to #8697AA

#DADEE3 #8697AA

Calculate the color between two colors, #DADEE3 and #8697AA. 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)

#DADEE3 - #8697AA | 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 #DADEE3 as 0% and #8697AA as 100%.

0.0%	0.0% #DADEE3	RGB 218 222 227	#DADEE3
16.7%	16.7% #CCD2D9	RGB 204 210 217	#CCD2D9
33.3%	33.3% #BEC6D0	RGB 190 198 208	#BEC6D0
50.0%	50.0% #B0BAC6	RGB 176 186 198	#B0BAC6
66.7%	66.7% #A2AEBD	RGB 162 174 189	#A2AEBD
83.3%	83.3% #94A2B3	RGB 148 162 179	#94A2B3
100.0%	100.0% #8697AA	RGB 134 151 170	#8697AA

#DADEE3 #CCD2D9 #BEC6D0 #B0BAC6 #A2AEBD #94A2B3 #8697AA

#DADEE3 - #8697AA

HSV Blend

#DADEE3 - #8697AA | 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 #DADEE3 as 0% and #8697AA as 100%.

0.0%	0.0% #DADEE3	RGB 218 222 227	#DADEE3
16.7%	16.7% #CAD1D9	RGB 202 209 217	#CAD1D9
33.3%	33.3% #BBC4D0	RGB 187 196 208	#BBC4D0
50.0%	50.0% #ADB8C6	RGB 173 184 198	#ADB8C6
66.7%	66.7% #9FADBD	RGB 159 173 189	#9FADBD
83.3%	83.3% #92A2B3	RGB 146 162 179	#92A2B3
100.0%	100.0% #8697AA	RGB 134 151 170	#8697AA

#DADEE3 #CAD1D9 #BBC4D0 #ADB8C6 #9FADBD #92A2B3 #8697AA

#DADEE3 - #ADB8C6 - #8697AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DADEE3 0%, #ADB8C6 50%, #8697AA 100%);
    background: -webkit-linear-gradient(top, #DADEE3 0%, #ADB8C6 50%, #8697AA 100%);
    background: linear-gradient(to bottom, #DADEE3 0%, #ADB8C6 50%, #8697AA 100%);
}
</style>