#C5CFE9 - #FEF7FF | 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 #C5CFE9 to #FEF7FF

#C5CFE9 #FEF7FF

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

#C5CFE9 - #FEF7FF | 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 #C5CFE9 as 0% and #FEF7FF as 100%.

0.0%	0.0% #C5CFE9	RGB 197 207 233	#C5CFE9
16.7%	16.7% #CED5EC	RGB 206 213 236	#CED5EC
33.3%	33.3% #D8DCF0	RGB 216 220 240	#D8DCF0
50.0%	50.0% #E1E3F4	RGB 225 227 244	#E1E3F4
66.7%	66.7% #EBE9F7	RGB 235 233 247	#EBE9F7
83.3%	83.3% #F4F0FB	RGB 244 240 251	#F4F0FB
100.0%	100.0% #FEF7FF	RGB 254 247 255	#FEF7FF

#C5CFE9 #CED5EC #D8DCF0 #E1E3F4 #EBE9F7 #F4F0FB #FEF7FF

#C5CFE9 - #FEF7FF

HSV Blend

#C5CFE9 - #FEF7FF | 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 #C5CFE9 as 0% and #FEF7FF as 100%.

0.0%	0.0% #C5CFE9	RGB 197 207 233	#C5CFE9
16.7%	16.7% #CCCFEC	RGB 204 207 236	#CCCFEC
33.3%	33.3% #D7D5F0	RGB 215 213 240	#D7D5F0
50.0%	50.0% #E4DDF4	RGB 228 221 244	#E4DDF4
66.7%	66.7% #EEE5F7	RGB 238 229 247	#EEE5F7
83.3%	83.3% #F7EEFB	RGB 247 238 251	#F7EEFB
100.0%	100.0% #FEF7FF	RGB 254 247 255	#FEF7FF

#C5CFE9 #CCCFEC #D7D5F0 #E4DDF4 #EEE5F7 #F7EEFB #FEF7FF

#C5CFE9 - #E4DDF4 - #FEF7FF

CSS codes

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

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