#C7DFEC - #EFF5F9 | 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 #C7DFEC to #EFF5F9

#C7DFEC #EFF5F9

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

#C7DFEC - #EFF5F9 | 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 #C7DFEC as 0% and #EFF5F9 as 100%.

0.0%	0.0% #C7DFEC	RGB 199 223 236	#C7DFEC
16.7%	16.7% #CDE2EE	RGB 205 226 238	#CDE2EE
33.3%	33.3% #D4E6F0	RGB 212 230 240	#D4E6F0
50.0%	50.0% #DBEAF2	RGB 219 234 242	#DBEAF2
66.7%	66.7% #E1EDF4	RGB 225 237 244	#E1EDF4
83.3%	83.3% #E8F1F6	RGB 232 241 246	#E8F1F6
100.0%	100.0% #EFF5F9	RGB 239 245 249	#EFF5F9

#C7DFEC #CDE2EE #D4E6F0 #DBEAF2 #E1EDF4 #E8F1F6 #EFF5F9

#C7DFEC - #EFF5F9

HSV Blend

#C7DFEC - #EFF5F9 | 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 #C7DFEC as 0% and #EFF5F9 as 100%.

0.0%	0.0% #C7DFEC	RGB 199 223 236	#C7DFEC
16.7%	16.7% #CDE2EE	RGB 205 226 238	#CDE2EE
33.3%	33.3% #D3E5F0	RGB 211 229 240	#D3E5F0
50.0%	50.0% #DAE9F2	RGB 218 233 242	#DAE9F2
66.7%	66.7% #E1EDF4	RGB 225 237 244	#E1EDF4
83.3%	83.3% #E8F1F6	RGB 232 241 246	#E8F1F6
100.0%	100.0% #EFF5F9	RGB 239 245 249	#EFF5F9

#C7DFEC #CDE2EE #D3E5F0 #DAE9F2 #E1EDF4 #E8F1F6 #EFF5F9

#C7DFEC - #DAE9F2 - #EFF5F9

CSS codes

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

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