#C2DCE7 - #EAE7E8 | 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 #C2DCE7 to #EAE7E8

#C2DCE7 #EAE7E8

Calculate the color between two colors, #C2DCE7 and #EAE7E8. 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)

#C2DCE7 - #EAE7E8 | 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 #C2DCE7 as 0% and #EAE7E8 as 100%.

0.0%	0.0% #C2DCE7	RGB 194 220 231	#C2DCE7
16.7%	16.7% #C8DDE7	RGB 200 221 231	#C8DDE7
33.3%	33.3% #CFDFE7	RGB 207 223 231	#CFDFE7
50.0%	50.0% #D6E1E7	RGB 214 225 231	#D6E1E7
66.7%	66.7% #DCE3E7	RGB 220 227 231	#DCE3E7
83.3%	83.3% #E3E5E7	RGB 227 229 231	#E3E5E7
100.0%	100.0% #EAE7E8	RGB 234 231 232	#EAE7E8

#C2DCE7 #C8DDE7 #CFDFE7 #D6E1E7 #DCE3E7 #E3E5E7 #EAE7E8

#C2DCE7 - #EAE7E8

HSV Blend

#C2DCE7 - #EAE7E8 | 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 #C2DCE7 as 0% and #EAE7E8 as 100%.

0.0%	0.0% #C2DCE7	RGB 194 220 231	#C2DCE7
16.7%	16.7% #C8D1E7	RGB 200 209 231	#C8D1E7
33.3%	33.3% #D0CEE8	RGB 208 206 232	#D0CEE8
50.0%	50.0% #DED4E8	RGB 222 212 232	#DED4E8
66.7%	66.7% #E7DAE9	RGB 231 218 233	#E7DAE9
83.3%	83.3% #E9E0E7	RGB 233 224 231	#E9E0E7
100.0%	100.0% #EAE7E8	RGB 234 231 232	#EAE7E8

#C2DCE7 #C8D1E7 #D0CEE8 #DED4E8 #E7DAE9 #E9E0E7 #EAE7E8

#C2DCE7 - #DED4E8 - #EAE7E8

CSS codes

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

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