#CCC7EA - #FFFDFF | 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 #CCC7EA to #FFFDFF

#CCC7EA #FFFDFF

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

#CCC7EA - #FFFDFF | 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 #CCC7EA as 0% and #FFFDFF as 100%.

0.0%	0.0% #CCC7EA	RGB 204 199 234	#CCC7EA
16.7%	16.7% #D4D0ED	RGB 212 208 237	#D4D0ED
33.3%	33.3% #DDD9F1	RGB 221 217 241	#DDD9F1
50.0%	50.0% #E5E2F4	RGB 229 226 244	#E5E2F4
66.7%	66.7% #EEEBF8	RGB 238 235 248	#EEEBF8
83.3%	83.3% #F6F4FB	RGB 246 244 251	#F6F4FB
100.0%	100.0% #FFFDFF	RGB 255 253 255	#FFFDFF

#CCC7EA #D4D0ED #DDD9F1 #E5E2F4 #EEEBF8 #F6F4FB #FFFDFF

#CCC7EA - #FFFDFF

HSV Blend

#CCC7EA - #FFFDFF | 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 #CCC7EA as 0% and #FFFDFF as 100%.

0.0%	0.0% #CCC7EA	RGB 204 199 234	#CCC7EA
16.7%	16.7% #D8CFED	RGB 216 207 237	#D8CFED
33.3%	33.3% #E2D8F1	RGB 226 216 241	#E2D8F1
50.0%	50.0% #ECE1F4	RGB 236 225 244	#ECE1F4
66.7%	66.7% #F4EAF8	RGB 244 234 248	#F4EAF8
83.3%	83.3% #FAF3FB	RGB 250 243 251	#FAF3FB
100.0%	100.0% #FFFDFF	RGB 255 253 255	#FFFDFF

#CCC7EA #D8CFED #E2D8F1 #ECE1F4 #F4EAF8 #FAF3FB #FFFDFF

#CCC7EA - #ECE1F4 - #FFFDFF

CSS codes

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

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