#C7DAFC - #DEE7F2 | 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 #C7DAFC to #DEE7F2

#C7DAFC #DEE7F2

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

#C7DAFC - #DEE7F2 | 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 #C7DAFC as 0% and #DEE7F2 as 100%.

0.0%	0.0% #C7DAFC	RGB 199 218 252	#C7DAFC
16.7%	16.7% #CADCFA	RGB 202 220 250	#CADCFA
33.3%	33.3% #CEDEF8	RGB 206 222 248	#CEDEF8
50.0%	50.0% #D2E0F7	RGB 210 224 247	#D2E0F7
66.7%	66.7% #D6E2F5	RGB 214 226 245	#D6E2F5
83.3%	83.3% #DAE4F3	RGB 218 228 243	#DAE4F3
100.0%	100.0% #DEE7F2	RGB 222 231 242	#DEE7F2

#C7DAFC #CADCFA #CEDEF8 #D2E0F7 #D6E2F5 #DAE4F3 #DEE7F2

#C7DAFC - #DEE7F2

HSV Blend

#C7DAFC - #DEE7F2 | 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 #C7DAFC as 0% and #DEE7F2 as 100%.

0.0%	0.0% #C7DAFC	RGB 199 218 252	#C7DAFC
16.7%	16.7% #CBDCFA	RGB 203 220 250	#CBDCFA
33.3%	33.3% #CEDFF8	RGB 206 223 248	#CEDFF8
50.0%	50.0% #D2E1F7	RGB 210 225 247	#D2E1F7
66.7%	66.7% #D6E3F5	RGB 214 227 245	#D6E3F5
83.3%	83.3% #DAE5F3	RGB 218 229 243	#DAE5F3
100.0%	100.0% #DEE7F2	RGB 222 231 242	#DEE7F2

#C7DAFC #CBDCFA #CEDFF8 #D2E1F7 #D6E3F5 #DAE5F3 #DEE7F2

#C7DAFC - #D2E1F7 - #DEE7F2

CSS codes

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

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