#C9C9F8 - #D3E4EF | 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 #C9C9F8 to #D3E4EF

#C9C9F8 #D3E4EF

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

#C9C9F8 - #D3E4EF | 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 #C9C9F8 as 0% and #D3E4EF as 100%.

0.0%	0.0% #C9C9F8	RGB 201 201 248	#C9C9F8
16.7%	16.7% #CACDF6	RGB 202 205 246	#CACDF6
33.3%	33.3% #CCD2F5	RGB 204 210 245	#CCD2F5
50.0%	50.0% #CED6F3	RGB 206 214 243	#CED6F3
66.7%	66.7% #CFDBF2	RGB 207 219 242	#CFDBF2
83.3%	83.3% #D1DFF0	RGB 209 223 240	#D1DFF0
100.0%	100.0% #D3E4EF	RGB 211 228 239	#D3E4EF

#C9C9F8 #CACDF6 #CCD2F5 #CED6F3 #CFDBF2 #D1DFF0 #D3E4EF

#C9C9F8 - #D3E4EF

HSV Blend

#C9C9F8 - #D3E4EF | 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 #C9C9F8 as 0% and #D3E4EF as 100%.

0.0%	0.0% #C9C9F8	RGB 201 201 248	#C9C9F8
16.7%	16.7% #CACFF6	RGB 202 207 246	#CACFF6
33.3%	33.3% #CCD4F5	RGB 204 212 245	#CCD4F5
50.0%	50.0% #CED9F3	RGB 206 217 243	#CED9F3
66.7%	66.7% #CFDDF2	RGB 207 221 242	#CFDDF2
83.3%	83.3% #D1E1F0	RGB 209 225 240	#D1E1F0
100.0%	100.0% #D3E4EF	RGB 211 228 239	#D3E4EF

#C9C9F8 #CACFF6 #CCD4F5 #CED9F3 #CFDDF2 #D1E1F0 #D3E4EF

#C9C9F8 - #CED9F3 - #D3E4EF

CSS codes

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

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