#CFE6F6 - #DFEDF0 | 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 #CFE6F6 to #DFEDF0

#CFE6F6 #DFEDF0

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

#CFE6F6 - #DFEDF0 | 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 #CFE6F6 as 0% and #DFEDF0 as 100%.

0.0%	0.0% #CFE6F6	RGB 207 230 246	#CFE6F6
16.7%	16.7% #D1E7F5	RGB 209 231 245	#D1E7F5
33.3%	33.3% #D4E8F4	RGB 212 232 244	#D4E8F4
50.0%	50.0% #D7E9F3	RGB 215 233 243	#D7E9F3
66.7%	66.7% #D9EAF2	RGB 217 234 242	#D9EAF2
83.3%	83.3% #DCEBF1	RGB 220 235 241	#DCEBF1
100.0%	100.0% #DFEDF0	RGB 223 237 240	#DFEDF0

#CFE6F6 #D1E7F5 #D4E8F4 #D7E9F3 #D9EAF2 #DCEBF1 #DFEDF0

#CFE6F6 - #DFEDF0

HSV Blend

#CFE6F6 - #DFEDF0 | 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 #CFE6F6 as 0% and #DFEDF0 as 100%.

0.0%	0.0% #CFE6F6	RGB 207 230 246	#CFE6F6
16.7%	16.7% #D1E7F5	RGB 209 231 245	#D1E7F5
33.3%	33.3% #D4E9F4	RGB 212 233 244	#D4E9F4
50.0%	50.0% #D7EAF3	RGB 215 234 243	#D7EAF3
66.7%	66.7% #D9EBF2	RGB 217 235 242	#D9EBF2
83.3%	83.3% #DCECF1	RGB 220 236 241	#DCECF1
100.0%	100.0% #DFEDF0	RGB 223 237 240	#DFEDF0

#CFE6F6 #D1E7F5 #D4E9F4 #D7EAF3 #D9EBF2 #DCECF1 #DFEDF0

#CFE6F6 - #D7EAF3 - #DFEDF0

CSS codes

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

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