#C5E6E9 - #F1EAEC | 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 #C5E6E9 to #F1EAEC

#C5E6E9 #F1EAEC

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

#C5E6E9 - #F1EAEC | 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 #C5E6E9 as 0% and #F1EAEC as 100%.

0.0%	0.0% #C5E6E9	RGB 197 230 233	#C5E6E9
16.7%	16.7% #CCE6E9	RGB 204 230 233	#CCE6E9
33.3%	33.3% #D3E7EA	RGB 211 231 234	#D3E7EA
50.0%	50.0% #DBE8EA	RGB 219 232 234	#DBE8EA
66.7%	66.7% #E2E8EB	RGB 226 232 235	#E2E8EB
83.3%	83.3% #E9E9EB	RGB 233 233 235	#E9E9EB
100.0%	100.0% #F1EAEC	RGB 241 234 236	#F1EAEC

#C5E6E9 #CCE6E9 #D3E7EA #DBE8EA #E2E8EB #E9E9EB #F1EAEC

#C5E6E9 - #F1EAEC

HSV Blend

#C5E6E9 - #F1EAEC | 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 #C5E6E9 as 0% and #F1EAEC as 100%.

0.0%	0.0% #C5E6E9	RGB 197 230 233	#C5E6E9
16.7%	16.7% #CBD9EA	RGB 203 217 234	#CBD9EA
33.3%	33.3% #D1D2EB	RGB 209 210 235	#D1D2EB
50.0%	50.0% #DFD7ED	RGB 223 215 237	#DFD7ED
66.7%	66.7% #EBDDEE	RGB 235 221 238	#EBDDEE
83.3%	83.3% #EFE3EC	RGB 239 227 236	#EFE3EC
100.0%	100.0% #F1EAEC	RGB 241 234 236	#F1EAEC

#C5E6E9 #CBD9EA #D1D2EB #DFD7ED #EBDDEE #EFE3EC #F1EAEC

#C5E6E9 - #DFD7ED - #F1EAEC

CSS codes

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

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