#C7DBF0 - #E4E7EC | 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 #C7DBF0 to #E4E7EC

#C7DBF0 #E4E7EC

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

#C7DBF0 - #E4E7EC | 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 #C7DBF0 as 0% and #E4E7EC as 100%.

0.0%	0.0% #C7DBF0	RGB 199 219 240	#C7DBF0
16.7%	16.7% #CBDDEF	RGB 203 221 239	#CBDDEF
33.3%	33.3% #D0DFEE	RGB 208 223 238	#D0DFEE
50.0%	50.0% #D5E1EE	RGB 213 225 238	#D5E1EE
66.7%	66.7% #DAE3ED	RGB 218 227 237	#DAE3ED
83.3%	83.3% #DFE5EC	RGB 223 229 236	#DFE5EC
100.0%	100.0% #E4E7EC	RGB 228 231 236	#E4E7EC

#C7DBF0 #CBDDEF #D0DFEE #D5E1EE #DAE3ED #DFE5EC #E4E7EC

#C7DBF0 - #E4E7EC

HSV Blend

#C7DBF0 - #E4E7EC | 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 #C7DBF0 as 0% and #E4E7EC as 100%.

0.0%	0.0% #C7DBF0	RGB 199 219 240	#C7DBF0
16.7%	16.7% #CBDCEF	RGB 203 220 239	#CBDCEF
33.3%	33.3% #D0DEEE	RGB 208 222 238	#D0DEEE
50.0%	50.0% #D5E0EE	RGB 213 224 238	#D5E0EE
66.7%	66.7% #DAE2ED	RGB 218 226 237	#DAE2ED
83.3%	83.3% #DFE4EC	RGB 223 228 236	#DFE4EC
100.0%	100.0% #E4E7EC	RGB 228 231 236	#E4E7EC

#C7DBF0 #CBDCEF #D0DEEE #D5E0EE #DAE2ED #DFE4EC #E4E7EC

#C7DBF0 - #D5E0EE - #E4E7EC

CSS codes

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

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