#C7DFCC - #D9D5FF | 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 #C7DFCC to #D9D5FF

#C7DFCC #D9D5FF

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

#C7DFCC - #D9D5FF | 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 #C7DFCC as 0% and #D9D5FF as 100%.

0.0%	0.0% #C7DFCC	RGB 199 223 204	#C7DFCC
16.7%	16.7% #CADDD4	RGB 202 221 212	#CADDD4
33.3%	33.3% #CDDBDD	RGB 205 219 221	#CDDBDD
50.0%	50.0% #D0DAE5	RGB 208 218 229	#D0DAE5
66.7%	66.7% #D3D8EE	RGB 211 216 238	#D3D8EE
83.3%	83.3% #D6D6F6	RGB 214 214 246	#D6D6F6
100.0%	100.0% #D9D5FF	RGB 217 213 255	#D9D5FF

#C7DFCC #CADDD4 #CDDBDD #D0DAE5 #D3D8EE #D6D6F6 #D9D5FF

#C7DFCC - #D9D5FF

HSV Blend

#C7DFCC - #D9D5FF | 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 #C7DFCC as 0% and #D9D5FF as 100%.

0.0%	0.0% #C7DFCC	RGB 199 223 204	#C7DFCC
16.7%	16.7% #C9E4D7	RGB 201 228 215	#C9E4D7
33.3%	33.3% #CCE9E4	RGB 204 233 228	#CCE9E4
50.0%	50.0% #CEEAEF	RGB 206 234 239	#CEEAEF
66.7%	66.7% #D0E3F4	RGB 208 227 244	#D0E3F4
83.3%	83.3% #D2DBF9	RGB 210 219 249	#D2DBF9
100.0%	100.0% #D9D5FF	RGB 217 213 255	#D9D5FF

#C7DFCC #C9E4D7 #CCE9E4 #CEEAEF #D0E3F4 #D2DBF9 #D9D5FF

#C7DFCC - #CEEAEF - #D9D5FF

CSS codes

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

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