#C7E7F1 - #DCEBE8 | 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 #C7E7F1 to #DCEBE8

#C7E7F1 #DCEBE8

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

#C7E7F1 - #DCEBE8 | 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 #C7E7F1 as 0% and #DCEBE8 as 100%.

0.0%	0.0% #C7E7F1	RGB 199 231 241	#C7E7F1
16.7%	16.7% #CAE7EF	RGB 202 231 239	#CAE7EF
33.3%	33.3% #CEE8EE	RGB 206 232 238	#CEE8EE
50.0%	50.0% #D1E9EC	RGB 209 233 236	#D1E9EC
66.7%	66.7% #D5E9EB	RGB 213 233 235	#D5E9EB
83.3%	83.3% #D8EAE9	RGB 216 234 233	#D8EAE9
100.0%	100.0% #DCEBE8	RGB 220 235 232	#DCEBE8

#C7E7F1 #CAE7EF #CEE8EE #D1E9EC #D5E9EB #D8EAE9 #DCEBE8

#C7E7F1 - #DCEBE8

HSV Blend

#C7E7F1 - #DCEBE8 | 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 #C7E7F1 as 0% and #DCEBE8 as 100%.

0.0%	0.0% #C7E7F1	RGB 199 231 241	#C7E7F1
16.7%	16.7% #CAE9F0	RGB 202 233 240	#CAE9F0
33.3%	33.3% #CEEBEF	RGB 206 235 239	#CEEBEF
50.0%	50.0% #D1EDEE	RGB 209 237 238	#D1EDEE
66.7%	66.7% #D5EDEB	RGB 213 237 235	#D5EDEB
83.3%	83.3% #D8ECE9	RGB 216 236 233	#D8ECE9
100.0%	100.0% #DCEBE8	RGB 220 235 232	#DCEBE8

#C7E7F1 #CAE9F0 #CEEBEF #D1EDEE #D5EDEB #D8ECE9 #DCEBE8

#C7E7F1 - #D1EDEE - #DCEBE8

CSS codes

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

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