#C4CED3 - #DAE7FF | 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 #C4CED3 to #DAE7FF

#C4CED3 #DAE7FF

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

#C4CED3 - #DAE7FF | 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 #C4CED3 as 0% and #DAE7FF as 100%.

0.0%	0.0% #C4CED3	RGB 196 206 211	#C4CED3
16.7%	16.7% #C7D2DA	RGB 199 210 218	#C7D2DA
33.3%	33.3% #CBD6E1	RGB 203 214 225	#CBD6E1
50.0%	50.0% #CFDAE9	RGB 207 218 233	#CFDAE9
66.7%	66.7% #D2DEF0	RGB 210 222 240	#D2DEF0
83.3%	83.3% #D6E2F7	RGB 214 226 247	#D6E2F7
100.0%	100.0% #DAE7FF	RGB 218 231 255	#DAE7FF

#C4CED3 #C7D2DA #CBD6E1 #CFDAE9 #D2DEF0 #D6E2F7 #DAE7FF

#C4CED3 - #DAE7FF

HSV Blend

#C4CED3 - #DAE7FF | 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 #C4CED3 as 0% and #DAE7FF as 100%.

0.0%	0.0% #C4CED3	RGB 196 206 211	#C4CED3
16.7%	16.7% #C8D3DA	RGB 200 211 218	#C8D3DA
33.3%	33.3% #CCD8E1	RGB 204 216 225	#CCD8E1
50.0%	50.0% #CFDCE9	RGB 207 220 233	#CFDCE9
66.7%	66.7% #D3E0F0	RGB 211 224 240	#D3E0F0
83.3%	83.3% #D6E4F7	RGB 214 228 247	#D6E4F7
100.0%	100.0% #DAE7FF	RGB 218 231 255	#DAE7FF

#C4CED3 #C8D3DA #CCD8E1 #CFDCE9 #D3E0F0 #D6E4F7 #DAE7FF

#C4CED3 - #CFDCE9 - #DAE7FF

CSS codes

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

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