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

#C7EAF1 #DCEBE8

Calculate the color between two colors, #C7EAF1 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)

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

0.0%	0.0% #C7EAF1	RGB 199 234 241	#C7EAF1
16.7%	16.7% #CAEAEF	RGB 202 234 239	#CAEAEF
33.3%	33.3% #CEEAEE	RGB 206 234 238	#CEEAEE
50.0%	50.0% #D1EAEC	RGB 209 234 236	#D1EAEC
66.7%	66.7% #D5EAEB	RGB 213 234 235	#D5EAEB
83.3%	83.3% #D8EAE9	RGB 216 234 233	#D8EAE9
100.0%	100.0% #DCEBE8	RGB 220 235 232	#DCEBE8

#C7EAF1 #CAEAEF #CEEAEE #D1EAEC #D5EAEB #D8EAE9 #DCEBE8

#C7EAF1 - #DCEBE8

HSV Blend

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

0.0%	0.0% #C7EAF1	RGB 199 234 241	#C7EAF1
16.7%	16.7% #CAECF0	RGB 202 236 240	#CAECF0
33.3%	33.3% #CEEDEF	RGB 206 237 239	#CEEDEF
50.0%	50.0% #D1EEED	RGB 209 238 237	#D1EEED
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

#C7EAF1 #CAECF0 #CEEDEF #D1EEED #D5EDEB #D8ECE9 #DCEBE8

#C7EAF1 - #D1EEED - #DCEBE8

CSS codes

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

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