#C64DF2 - #EECCFB | 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 #C64DF2 to #EECCFB

#C64DF2 #EECCFB

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

#C64DF2 - #EECCFB | 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 #C64DF2 as 0% and #EECCFB as 100%.

0.0%	0.0% #C64DF2	RGB 198 77 242	#C64DF2
16.7%	16.7% #CC62F3	RGB 204 98 243	#CC62F3
33.3%	33.3% #D377F5	RGB 211 119 245	#D377F5
50.0%	50.0% #DA8CF6	RGB 218 140 246	#DA8CF6
66.7%	66.7% #E0A1F8	RGB 224 161 248	#E0A1F8
83.3%	83.3% #E7B6F9	RGB 231 182 249	#E7B6F9
100.0%	100.0% #EECCFB	RGB 238 204 251	#EECCFB

#C64DF2 #CC62F3 #D377F5 #DA8CF6 #E0A1F8 #E7B6F9 #EECCFB

#C64DF2 - #EECCFB

HSV Blend

#C64DF2 - #EECCFB | 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 #C64DF2 as 0% and #EECCFB as 100%.

0.0%	0.0% #C54DF2	RGB 197 77 242	#C54DF2
16.7%	16.7% #CC61F3	RGB 204 97 243	#CC61F3
33.3%	33.3% #D276F5	RGB 210 118 245	#D276F5
50.0%	50.0% #D98BF6	RGB 217 139 246	#D98BF6
66.7%	66.7% #E0A0F8	RGB 224 160 248	#E0A0F8
83.3%	83.3% #E7B6F9	RGB 231 182 249	#E7B6F9
100.0%	100.0% #EECCFB	RGB 238 204 251	#EECCFB

#C54DF2 #CC61F3 #D276F5 #D98BF6 #E0A0F8 #E7B6F9 #EECCFB

#C64DF2 - #D98BF6 - #EECCFB

CSS codes

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

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