#C4CFE8 - #F5E4FF | 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 #C4CFE8 to #F5E4FF

#C4CFE8 #F5E4FF

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

#C4CFE8 - #F5E4FF | 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 #C4CFE8 as 0% and #F5E4FF as 100%.

0.0%	0.0% #C4CFE8	RGB 196 207 232	#C4CFE8
16.7%	16.7% #CCD2EB	RGB 204 210 235	#CCD2EB
33.3%	33.3% #D4D6EF	RGB 212 214 239	#D4D6EF
50.0%	50.0% #DCD9F3	RGB 220 217 243	#DCD9F3
66.7%	66.7% #E4DDF7	RGB 228 221 247	#E4DDF7
83.3%	83.3% #ECE0FB	RGB 236 224 251	#ECE0FB
100.0%	100.0% #F5E4FF	RGB 245 228 255	#F5E4FF

#C4CFE8 #CCD2EB #D4D6EF #DCD9F3 #E4DDF7 #ECE0FB #F5E4FF

#C4CFE8 - #F5E4FF

HSV Blend

#C4CFE8 - #F5E4FF | 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 #C4CFE8 as 0% and #F5E4FF as 100%.

0.0%	0.0% #C4CFE8	RGB 196 207 232	#C4CFE8
16.7%	16.7% #C9CEEB	RGB 201 206 235	#C9CEEB
33.3%	33.3% #CECEEF	RGB 206 206 239	#CECEEF
50.0%	50.0% #D8D3F3	RGB 216 211 243	#D8D3F3
66.7%	66.7% #E2D9F7	RGB 226 217 247	#E2D9F7
83.3%	83.3% #ECDEFB	RGB 236 222 251	#ECDEFB
100.0%	100.0% #F5E4FF	RGB 245 228 255	#F5E4FF

#C4CFE8 #C9CEEB #CECEEF #D8D3F3 #E2D9F7 #ECDEFB #F5E4FF

#C4CFE8 - #D8D3F3 - #F5E4FF

CSS codes

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

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