#C8D3EE - #EFF1FA | 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 #C8D3EE to #EFF1FA

#C8D3EE #EFF1FA

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

#C8D3EE - #EFF1FA | 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 #C8D3EE as 0% and #EFF1FA as 100%.

0.0%	0.0% #C8D3EE	RGB 200 211 238	#C8D3EE
16.7%	16.7% #CED8F0	RGB 206 216 240	#CED8F0
33.3%	33.3% #D5DDF2	RGB 213 221 242	#D5DDF2
50.0%	50.0% #DBE2F4	RGB 219 226 244	#DBE2F4
66.7%	66.7% #E2E7F6	RGB 226 231 246	#E2E7F6
83.3%	83.3% #E8ECF8	RGB 232 236 248	#E8ECF8
100.0%	100.0% #EFF1FA	RGB 239 241 250	#EFF1FA

#C8D3EE #CED8F0 #D5DDF2 #DBE2F4 #E2E7F6 #E8ECF8 #EFF1FA

#C8D3EE - #EFF1FA

HSV Blend

#C8D3EE - #EFF1FA | 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 #C8D3EE as 0% and #EFF1FA as 100%.

0.0%	0.0% #C8D3EE	RGB 200 211 238	#C8D3EE
16.7%	16.7% #CED7F0	RGB 206 215 240	#CED7F0
33.3%	33.3% #D4DCF2	RGB 212 220 242	#D4DCF2
50.0%	50.0% #DBE1F4	RGB 219 225 244	#DBE1F4
66.7%	66.7% #E1E6F6	RGB 225 230 246	#E1E6F6
83.3%	83.3% #E8EBF8	RGB 232 235 248	#E8EBF8
100.0%	100.0% #EFF1FA	RGB 239 241 250	#EFF1FA

#C8D3EE #CED7F0 #D4DCF2 #DBE1F4 #E1E6F6 #E8EBF8 #EFF1FA

#C8D3EE - #DBE1F4 - #EFF1FA

CSS codes

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

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