#C2D4F7 - #EDF2FC | 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 #C2D4F7 to #EDF2FC

#C2D4F7 #EDF2FC

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

#C2D4F7 - #EDF2FC | 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 #C2D4F7 as 0% and #EDF2FC as 100%.

0.0%	0.0% #C2D4F7	RGB 194 212 247	#C2D4F7
16.7%	16.7% #C9D9F7	RGB 201 217 247	#C9D9F7
33.3%	33.3% #D0DEF8	RGB 208 222 248	#D0DEF8
50.0%	50.0% #D7E3F9	RGB 215 227 249	#D7E3F9
66.7%	66.7% #DEE8FA	RGB 222 232 250	#DEE8FA
83.3%	83.3% #E5EDFB	RGB 229 237 251	#E5EDFB
100.0%	100.0% #EDF2FC	RGB 237 242 252	#EDF2FC

#C2D4F7 #C9D9F7 #D0DEF8 #D7E3F9 #DEE8FA #E5EDFB #EDF2FC

#C2D4F7 - #EDF2FC

HSV Blend

#C2D4F7 - #EDF2FC | 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 #C2D4F7 as 0% and #EDF2FC as 100%.

0.0%	0.0% #C2D4F7	RGB 194 212 247	#C2D4F7
16.7%	16.7% #C9D8F7	RGB 201 216 247	#C9D8F7
33.3%	33.3% #D0DDF8	RGB 208 221 248	#D0DDF8
50.0%	50.0% #D7E2F9	RGB 215 226 249	#D7E2F9
66.7%	66.7% #DEE7FA	RGB 222 231 250	#DEE7FA
83.3%	83.3% #E5ECFB	RGB 229 236 251	#E5ECFB
100.0%	100.0% #EDF2FC	RGB 237 242 252	#EDF2FC

#C2D4F7 #C9D8F7 #D0DDF8 #D7E2F9 #DEE7FA #E5ECFB #EDF2FC

#C2D4F7 - #D7E2F9 - #EDF2FC

CSS codes

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

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