#C64FD4 - #EECCF2 | 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 #C64FD4 to #EECCF2

#C64FD4 #EECCF2

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

#C64FD4 - #EECCF2 | 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 #C64FD4 as 0% and #EECCF2 as 100%.

0.0%	0.0% #C64FD4	RGB 198 79 212	#C64FD4
16.7%	16.7% #CC63D9	RGB 204 99 217	#CC63D9
33.3%	33.3% #D378DE	RGB 211 120 222	#D378DE
50.0%	50.0% #DA8DE3	RGB 218 141 227	#DA8DE3
66.7%	66.7% #E0A2E8	RGB 224 162 232	#E0A2E8
83.3%	83.3% #E7B7ED	RGB 231 183 237	#E7B7ED
100.0%	100.0% #EECCF2	RGB 238 204 242	#EECCF2

#C64FD4 #CC63D9 #D378DE #DA8DE3 #E0A2E8 #E7B7ED #EECCF2

#C64FD4 - #EECCF2

HSV Blend

#C64FD4 - #EECCF2 | 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 #C64FD4 as 0% and #EECCF2 as 100%.

0.0%	0.0% #C64FD4	RGB 198 79 212	#C64FD4
16.7%	16.7% #CC61D9	RGB 204 97 217	#CC61D9
33.3%	33.3% #D375DE	RGB 211 117 222	#D375DE
50.0%	50.0% #D989E3	RGB 217 137 227	#D989E3
66.7%	66.7% #E09FE8	RGB 224 159 232	#E09FE8
83.3%	83.3% #E7B5ED	RGB 231 181 237	#E7B5ED
100.0%	100.0% #EECCF2	RGB 238 204 242	#EECCF2

#C64FD4 #CC61D9 #D375DE #D989E3 #E09FE8 #E7B5ED #EECCF2

#C64FD4 - #D989E3 - #EECCF2

CSS codes

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

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