#C7C7EB - #F9E2FF | 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 #C7C7EB to #F9E2FF

#C7C7EB #F9E2FF

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

#C7C7EB - #F9E2FF | 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 #C7C7EB as 0% and #F9E2FF as 100%.

0.0%	0.0% #C7C7EB	RGB 199 199 235	#C7C7EB
16.7%	16.7% #CFCBEE	RGB 207 203 238	#CFCBEE
33.3%	33.3% #D7D0F1	RGB 215 208 241	#D7D0F1
50.0%	50.0% #E0D4F5	RGB 224 212 245	#E0D4F5
66.7%	66.7% #E8D9F8	RGB 232 217 248	#E8D9F8
83.3%	83.3% #F0DDFB	RGB 240 221 251	#F0DDFB
100.0%	100.0% #F9E2FF	RGB 249 226 255	#F9E2FF

#C7C7EB #CFCBEE #D7D0F1 #E0D4F5 #E8D9F8 #F0DDFB #F9E2FF

#C7C7EB - #F9E2FF

HSV Blend

#C7C7EB - #F9E2FF | 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 #C7C7EB as 0% and #F9E2FF as 100%.

0.0%	0.0% #C7C7EB	RGB 199 199 235	#C7C7EB
16.7%	16.7% #D0CBEE	RGB 208 203 238	#D0CBEE
33.3%	33.3% #D8CFF1	RGB 216 207 241	#D8CFF1
50.0%	50.0% #E1D4F5	RGB 225 212 245	#E1D4F5
66.7%	66.7% #E9D8F8	RGB 233 216 248	#E9D8F8
83.3%	83.3% #F1DDFB	RGB 241 221 251	#F1DDFB
100.0%	100.0% #F9E2FF	RGB 249 226 255	#F9E2FF

#C7C7EB #D0CBEE #D8CFF1 #E1D4F5 #E9D8F8 #F1DDFB #F9E2FF

#C7C7EB - #E1D4F5 - #F9E2FF

CSS codes

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

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