#C9C9F4 - #D4E3EC | 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 #C9C9F4 to #D4E3EC

#C9C9F4 #D4E3EC

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

#C9C9F4 - #D4E3EC | 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 #C9C9F4 as 0% and #D4E3EC as 100%.

0.0%	0.0% #C9C9F4	RGB 201 201 244	#C9C9F4
16.7%	16.7% #CACDF2	RGB 202 205 242	#CACDF2
33.3%	33.3% #CCD1F1	RGB 204 209 241	#CCD1F1
50.0%	50.0% #CED6F0	RGB 206 214 240	#CED6F0
66.7%	66.7% #D0DAEE	RGB 208 218 238	#D0DAEE
83.3%	83.3% #D2DEED	RGB 210 222 237	#D2DEED
100.0%	100.0% #D4E3EC	RGB 212 227 236	#D4E3EC

#C9C9F4 #CACDF2 #CCD1F1 #CED6F0 #D0DAEE #D2DEED #D4E3EC

#C9C9F4 - #D4E3EC

HSV Blend

#C9C9F4 - #D4E3EC | 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 #C9C9F4 as 0% and #D4E3EC as 100%.

0.0%	0.0% #C9C9F4	RGB 201 201 244	#C9C9F4
16.7%	16.7% #CACFF2	RGB 202 207 242	#CACFF2
33.3%	33.3% #CCD4F1	RGB 204 212 241	#CCD4F1
50.0%	50.0% #CED9F0	RGB 206 217 240	#CED9F0
66.7%	66.7% #D0DDEE	RGB 208 221 238	#D0DDEE
83.3%	83.3% #D2E0ED	RGB 210 224 237	#D2E0ED
100.0%	100.0% #D4E3EC	RGB 212 227 236	#D4E3EC

#C9C9F4 #CACFF2 #CCD4F1 #CED9F0 #D0DDEE #D2E0ED #D4E3EC

#C9C9F4 - #CED9F0 - #D4E3EC

CSS codes

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

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