#DAE0EE - #8C97CD | 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 #DAE0EE to #8C97CD

#DAE0EE #8C97CD

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

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

0.0%	0.0% #DAE0EE	RGB 218 224 238	#DAE0EE
16.7%	16.7% #CDD3E8	RGB 205 211 232	#CDD3E8
33.3%	33.3% #C0C7E3	RGB 192 199 227	#C0C7E3
50.0%	50.0% #B3BBDD	RGB 179 187 221	#B3BBDD
66.7%	66.7% #A6AFD8	RGB 166 175 216	#A6AFD8
83.3%	83.3% #99A3D2	RGB 153 163 210	#99A3D2
100.0%	100.0% #8C97CD	RGB 140 151 205	#8C97CD

#DAE0EE #CDD3E8 #C0C7E3 #B3BBDD #A6AFD8 #99A3D2 #8C97CD

#DAE0EE - #8C97CD

HSV Blend

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

0.0%	0.0% #DAE0EE	RGB 218 224 238	#DAE0EE
16.7%	16.7% #CBD3E8	RGB 203 211 232	#CBD3E8
33.3%	33.3% #BEC7E3	RGB 190 199 227	#BEC7E3
50.0%	50.0% #B1BBDD	RGB 177 187 221	#B1BBDD
66.7%	66.7% #A4AFD8	RGB 164 175 216	#A4AFD8
83.3%	83.3% #97A3D2	RGB 151 163 210	#97A3D2
100.0%	100.0% #8C97CD	RGB 140 151 205	#8C97CD

#DAE0EE #CBD3E8 #BEC7E3 #B1BBDD #A4AFD8 #97A3D2 #8C97CD

#DAE0EE - #B1BBDD - #8C97CD

CSS codes

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

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