#C7CDED - #DAE4E8 | 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 #C7CDED to #DAE4E8

#C7CDED #DAE4E8

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

#C7CDED - #DAE4E8 | 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 #C7CDED as 0% and #DAE4E8 as 100%.

0.0%	0.0% #C7CDED	RGB 199 205 237	#C7CDED
16.7%	16.7% #CAD0EC	RGB 202 208 236	#CAD0EC
33.3%	33.3% #CDD4EB	RGB 205 212 235	#CDD4EB
50.0%	50.0% #D0D8EA	RGB 208 216 234	#D0D8EA
66.7%	66.7% #D3DCE9	RGB 211 220 233	#D3DCE9
83.3%	83.3% #D6E0E8	RGB 214 224 232	#D6E0E8
100.0%	100.0% #DAE4E8	RGB 218 228 232	#DAE4E8

#C7CDED #CAD0EC #CDD4EB #D0D8EA #D3DCE9 #D6E0E8 #DAE4E8

#C7CDED - #DAE4E8

HSV Blend

#C7CDED - #DAE4E8 | 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 #C7CDED as 0% and #DAE4E8 as 100%.

0.0%	0.0% #C7CDED	RGB 199 205 237	#C7CDED
16.7%	16.7% #CAD2EC	RGB 202 210 236	#CAD2EC
33.3%	33.3% #CDD7EB	RGB 205 215 235	#CDD7EB
50.0%	50.0% #D0DBEA	RGB 208 219 234	#D0DBEA
66.7%	66.7% #D3DFE9	RGB 211 223 233	#D3DFE9
83.3%	83.3% #D6E2E8	RGB 214 226 232	#D6E2E8
100.0%	100.0% #DAE4E8	RGB 218 228 232	#DAE4E8

#C7CDED #CAD2EC #CDD7EB #D0DBEA #D3DFE9 #D6E2E8 #DAE4E8

#C7CDED - #D0DBEA - #DAE4E8

CSS codes

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

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