#C2D9F5 - #E1E6ED | 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 #C2D9F5 to #E1E6ED

#C2D9F5 #E1E6ED

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

#C2D9F5 - #E1E6ED | 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 #C2D9F5 as 0% and #E1E6ED as 100%.

0.0%	0.0% #C2D9F5	RGB 194 217 245	#C2D9F5
16.7%	16.7% #C7DBF3	RGB 199 219 243	#C7DBF3
33.3%	33.3% #CCDDF2	RGB 204 221 242	#CCDDF2
50.0%	50.0% #D1DFF1	RGB 209 223 241	#D1DFF1
66.7%	66.7% #D6E1EF	RGB 214 225 239	#D6E1EF
83.3%	83.3% #DBE3EE	RGB 219 227 238	#DBE3EE
100.0%	100.0% #E1E6ED	RGB 225 230 237	#E1E6ED

#C2D9F5 #C7DBF3 #CCDDF2 #D1DFF1 #D6E1EF #DBE3EE #E1E6ED

#C2D9F5 - #E1E6ED

HSV Blend

#C2D9F5 - #E1E6ED | 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 #C2D9F5 as 0% and #E1E6ED as 100%.

0.0%	0.0% #C2D9F5	RGB 194 217 245	#C2D9F5
16.7%	16.7% #C7DBF3	RGB 199 219 243	#C7DBF3
33.3%	33.3% #CCDDF2	RGB 204 221 242	#CCDDF2
50.0%	50.0% #D1DFF1	RGB 209 223 241	#D1DFF1
66.7%	66.7% #D6E1EF	RGB 214 225 239	#D6E1EF
83.3%	83.3% #DCE3EE	RGB 220 227 238	#DCE3EE
100.0%	100.0% #E1E6ED	RGB 225 230 237	#E1E6ED

#C2D9F5 #C7DBF3 #CCDDF2 #D1DFF1 #D6E1EF #DCE3EE #E1E6ED

#C2D9F5 - #D1DFF1 - #E1E6ED

CSS codes

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

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