#CDD6D4 - #E6F7FF | 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 #CDD6D4 to #E6F7FF

#CDD6D4 #E6F7FF

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

#CDD6D4 - #E6F7FF | 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 #CDD6D4 as 0% and #E6F7FF as 100%.

0.0%	0.0% #CDD6D4	RGB 205 214 212	#CDD6D4
16.7%	16.7% #D1DBDB	RGB 209 219 219	#D1DBDB
33.3%	33.3% #D5E1E2	RGB 213 225 226	#D5E1E2
50.0%	50.0% #D9E6E9	RGB 217 230 233	#D9E6E9
66.7%	66.7% #DDECF0	RGB 221 236 240	#DDECF0
83.3%	83.3% #E1F1F7	RGB 225 241 247	#E1F1F7
100.0%	100.0% #E6F7FF	RGB 230 247 255	#E6F7FF

#CDD6D4 #D1DBDB #D5E1E2 #D9E6E9 #DDECF0 #E1F1F7 #E6F7FF

#CDD6D4 - #E6F7FF

HSV Blend

#CDD6D4 - #E6F7FF | 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 #CDD6D4 as 0% and #E6F7FF as 100%.

0.0%	0.0% #CDD6D4	RGB 205 214 212	#CDD6D4
16.7%	16.7% #D1DCDB	RGB 209 220 219	#D1DCDB
33.3%	33.3% #D5E3E3	RGB 213 227 227	#D5E3E3
50.0%	50.0% #DAE9EA	RGB 218 233 234	#DAE9EA
66.7%	66.7% #DEEEF1	RGB 222 238 241	#DEEEF1
83.3%	83.3% #E2F3F8	RGB 226 243 248	#E2F3F8
100.0%	100.0% #E6F7FF	RGB 230 247 255	#E6F7FF

#CDD6D4 #D1DCDB #D5E3E3 #DAE9EA #DEEEF1 #E2F3F8 #E6F7FF

#CDD6D4 - #DAE9EA - #E6F7FF

CSS codes

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

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