#C3E5E7 - #F2EAEA | 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 #C3E5E7 to #F2EAEA

#C3E5E7 #F2EAEA

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

#C3E5E7 - #F2EAEA | 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 #C3E5E7 as 0% and #F2EAEA as 100%.

0.0%	0.0% #C3E5E7	RGB 195 229 231	#C3E5E7
16.7%	16.7% #CAE5E7	RGB 202 229 231	#CAE5E7
33.3%	33.3% #D2E6E8	RGB 210 230 232	#D2E6E8
50.0%	50.0% #DAE7E8	RGB 218 231 232	#DAE7E8
66.7%	66.7% #E2E8E9	RGB 226 232 233	#E2E8E9
83.3%	83.3% #EAE9E9	RGB 234 233 233	#EAE9E9
100.0%	100.0% #F2EAEA	RGB 242 234 234	#F2EAEA

#C3E5E7 #CAE5E7 #D2E6E8 #DAE7E8 #E2E8E9 #EAE9E9 #F2EAEA

#C3E5E7 - #F2EAEA

HSV Blend

#C3E5E7 - #F2EAEA | 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 #C3E5E7 as 0% and #F2EAEA as 100%.

0.0%	0.0% #C3E5E7	RGB 195 229 231	#C3E5E7
16.7%	16.7% #C9D7E8	RGB 201 215 232	#C9D7E8
33.3%	33.3% #D0CFEA	RGB 208 207 234	#D0CFEA
50.0%	50.0% #E1D6EC	RGB 225 214 236	#E1D6EC
66.7%	66.7% #EEDCEE	RGB 238 220 238	#EEDCEE
83.3%	83.3% #F0E3E9	RGB 240 227 233	#F0E3E9
100.0%	100.0% #F2EAEA	RGB 242 234 234	#F2EAEA

#C3E5E7 #C9D7E8 #D0CFEA #E1D6EC #EEDCEE #F0E3E9 #F2EAEA

#C3E5E7 - #E1D6EC - #F2EAEA

CSS codes

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

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