#C7CCF9 - #FEFFF9 | 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 #C7CCF9 to #FEFFF9

#C7CCF9 #FEFFF9

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

#C7CCF9 - #FEFFF9 | 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 #C7CCF9 as 0% and #FEFFF9 as 100%.

0.0%	0.0% #C7CCF9	RGB 199 204 249	#C7CCF9
16.7%	16.7% #D0D4F9	RGB 208 212 249	#D0D4F9
33.3%	33.3% #D9DDF9	RGB 217 221 249	#D9DDF9
50.0%	50.0% #E2E5F9	RGB 226 229 249	#E2E5F9
66.7%	66.7% #EBEEF9	RGB 235 238 249	#EBEEF9
83.3%	83.3% #F4F6F9	RGB 244 246 249	#F4F6F9
100.0%	100.0% #FEFFF9	RGB 254 255 249	#FEFFF9

#C7CCF9 #D0D4F9 #D9DDF9 #E2E5F9 #EBEEF9 #F4F6F9 #FEFFF9

#C7CCF9 - #FEFFF9

HSV Blend

#C7CCF9 - #FEFFF9 | 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 #C7CCF9 as 0% and #FEFFF9 as 100%.

0.0%	0.0% #C7CCF9	RGB 199 204 249	#C7CCF9
16.7%	16.7% #CFE6FA	RGB 207 230 250	#CFE6FA
33.3%	33.3% #D7FBFA	RGB 215 251 250	#D7FBFA
50.0%	50.0% #DFFCEE	RGB 223 252 238	#DFFCEE
66.7%	66.7% #E8FDE9	RGB 232 253 233	#E8FDE9
83.3%	83.3% #F5FEF0	RGB 245 254 240	#F5FEF0
100.0%	100.0% #FEFFF9	RGB 254 255 249	#FEFFF9

#C7CCF9 #CFE6FA #D7FBFA #DFFCEE #E8FDE9 #F5FEF0 #FEFFF9

#C7CCF9 - #DFFCEE - #FEFFF9

CSS codes

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

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