#C8D7EE - #EFF3FA | 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 #C8D7EE to #EFF3FA

#C8D7EE #EFF3FA

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

#C8D7EE - #EFF3FA | 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 #C8D7EE as 0% and #EFF3FA as 100%.

0.0%	0.0% #C8D7EE	RGB 200 215 238	#C8D7EE
16.7%	16.7% #CEDBF0	RGB 206 219 240	#CEDBF0
33.3%	33.3% #D5E0F2	RGB 213 224 242	#D5E0F2
50.0%	50.0% #DBE5F4	RGB 219 229 244	#DBE5F4
66.7%	66.7% #E2E9F6	RGB 226 233 246	#E2E9F6
83.3%	83.3% #E8EEF8	RGB 232 238 248	#E8EEF8
100.0%	100.0% #EFF3FA	RGB 239 243 250	#EFF3FA

#C8D7EE #CEDBF0 #D5E0F2 #DBE5F4 #E2E9F6 #E8EEF8 #EFF3FA

#C8D7EE - #EFF3FA

HSV Blend

#C8D7EE - #EFF3FA | 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 #C8D7EE as 0% and #EFF3FA as 100%.

0.0%	0.0% #C8D7EE	RGB 200 215 238	#C8D7EE
16.7%	16.7% #CEDBF0	RGB 206 219 240	#CEDBF0
33.3%	33.3% #D4DFF2	RGB 212 223 242	#D4DFF2
50.0%	50.0% #DBE4F4	RGB 219 228 244	#DBE4F4
66.7%	66.7% #E1E9F6	RGB 225 233 246	#E1E9F6
83.3%	83.3% #E8EEF8	RGB 232 238 248	#E8EEF8
100.0%	100.0% #EFF3FA	RGB 239 243 250	#EFF3FA

#C8D7EE #CEDBF0 #D4DFF2 #DBE4F4 #E1E9F6 #E8EEF8 #EFF3FA

#C8D7EE - #DBE4F4 - #EFF3FA

CSS codes

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

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