#CCD7CF - #EDD2FF | 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 #CCD7CF to #EDD2FF

#CCD7CF #EDD2FF

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

#CCD7CF - #EDD2FF | 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 #CCD7CF as 0% and #EDD2FF as 100%.

0.0%	0.0% #CCD7CF	RGB 204 215 207	#CCD7CF
16.7%	16.7% #D1D6D7	RGB 209 214 215	#D1D6D7
33.3%	33.3% #D7D5DF	RGB 215 213 223	#D7D5DF
50.0%	50.0% #DCD4E7	RGB 220 212 231	#DCD4E7
66.7%	66.7% #E2D3EF	RGB 226 211 239	#E2D3EF
83.3%	83.3% #E7D2F7	RGB 231 210 247	#E7D2F7
100.0%	100.0% #EDD2FF	RGB 237 210 255	#EDD2FF

#CCD7CF #D1D6D7 #D7D5DF #DCD4E7 #E2D3EF #E7D2F7 #EDD2FF

#CCD7CF - #EDD2FF

HSV Blend

#CCD7CF - #EDD2FF | 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 #CCD7CF as 0% and #EDD2FF as 100%.

0.0%	0.0% #CCD7CF	RGB 204 215 207	#CCD7CF
16.7%	16.7% #CDDDD8	RGB 205 221 216	#CDDDD8
33.3%	33.3% #CFE3E4	RGB 207 227 228	#CFE3E4
50.0%	50.0% #D0DFEB	RGB 208 223 235	#D0DFEB
66.7%	66.7% #D1D6F1	RGB 209 214 241	#D1D6F1
83.3%	83.3% #D9D1F8	RGB 217 209 248	#D9D1F8
100.0%	100.0% #EDD2FF	RGB 237 210 255	#EDD2FF

#CCD7CF #CDDDD8 #CFE3E4 #D0DFEB #D1D6F1 #D9D1F8 #EDD2FF

#CCD7CF - #D0DFEB - #EDD2FF

CSS codes

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

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