#C8F2FB - #EFFAFD | 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 #C8F2FB to #EFFAFD

#C8F2FB #EFFAFD

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

#C8F2FB - #EFFAFD | 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 #C8F2FB as 0% and #EFFAFD as 100%.

0.0%	0.0% #C8F2FB	RGB 200 242 251	#C8F2FB
16.7%	16.7% #CEF3FB	RGB 206 243 251	#CEF3FB
33.3%	33.3% #D5F4FB	RGB 213 244 251	#D5F4FB
50.0%	50.0% #DBF6FC	RGB 219 246 252	#DBF6FC
66.7%	66.7% #E2F7FC	RGB 226 247 252	#E2F7FC
83.3%	83.3% #E8F8FC	RGB 232 248 252	#E8F8FC
100.0%	100.0% #EFFAFD	RGB 239 250 253	#EFFAFD

#C8F2FB #CEF3FB #D5F4FB #DBF6FC #E2F7FC #E8F8FC #EFFAFD

#C8F2FB - #EFFAFD

HSV Blend

#C8F2FB - #EFFAFD | 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 #C8F2FB as 0% and #EFFAFD as 100%.

0.0%	0.0% #C8F2FB	RGB 200 242 251	#C8F2FB
16.7%	16.7% #CEF3FB	RGB 206 243 251	#CEF3FB
33.3%	33.3% #D4F4FB	RGB 212 244 251	#D4F4FB
50.0%	50.0% #DBF5FC	RGB 219 245 252	#DBF5FC
66.7%	66.7% #E1F7FC	RGB 225 247 252	#E1F7FC
83.3%	83.3% #E8F8FC	RGB 232 248 252	#E8F8FC
100.0%	100.0% #EFFAFD	RGB 239 250 253	#EFFAFD

#C8F2FB #CEF3FB #D4F4FB #DBF5FC #E1F7FC #E8F8FC #EFFAFD

#C8F2FB - #DBF5FC - #EFFAFD

CSS codes

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

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