#C8DBED - #EFF4F9 | 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 #C8DBED to #EFF4F9

#C8DBED #EFF4F9

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

#C8DBED - #EFF4F9 | 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 #C8DBED as 0% and #EFF4F9 as 100%.

0.0%	0.0% #C8DBED	RGB 200 219 237	#C8DBED
16.7%	16.7% #CEDFEF	RGB 206 223 239	#CEDFEF
33.3%	33.3% #D5E3F1	RGB 213 227 241	#D5E3F1
50.0%	50.0% #DBE7F3	RGB 219 231 243	#DBE7F3
66.7%	66.7% #E2EBF5	RGB 226 235 245	#E2EBF5
83.3%	83.3% #E8EFF7	RGB 232 239 247	#E8EFF7
100.0%	100.0% #EFF4F9	RGB 239 244 249	#EFF4F9

#C8DBED #CEDFEF #D5E3F1 #DBE7F3 #E2EBF5 #E8EFF7 #EFF4F9

#C8DBED - #EFF4F9

HSV Blend

#C8DBED - #EFF4F9 | 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 #C8DBED as 0% and #EFF4F9 as 100%.

0.0%	0.0% #C8DBED	RGB 200 219 237	#C8DBED
16.7%	16.7% #CEDFEF	RGB 206 223 239	#CEDFEF
33.3%	33.3% #D4E3F1	RGB 212 227 241	#D4E3F1
50.0%	50.0% #DBE7F3	RGB 219 231 243	#DBE7F3
66.7%	66.7% #E1EBF5	RGB 225 235 245	#E1EBF5
83.3%	83.3% #E8EFF7	RGB 232 239 247	#E8EFF7
100.0%	100.0% #EFF4F9	RGB 239 244 249	#EFF4F9

#C8DBED #CEDFEF #D4E3F1 #DBE7F3 #E1EBF5 #E8EFF7 #EFF4F9

#C8DBED - #DBE7F3 - #EFF4F9

CSS codes

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

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