#C74CD6 - #EFCBF3 | 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 #C74CD6 to #EFCBF3

#C74CD6 #EFCBF3

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

#C74CD6 - #EFCBF3 | 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 #C74CD6 as 0% and #EFCBF3 as 100%.

0.0%	0.0% #C74CD6	RGB 199 76 214	#C74CD6
16.7%	16.7% #CD61DA	RGB 205 97 218	#CD61DA
33.3%	33.3% #D476DF	RGB 212 118 223	#D476DF
50.0%	50.0% #DB8BE4	RGB 219 139 228	#DB8BE4
66.7%	66.7% #E1A0E9	RGB 225 160 233	#E1A0E9
83.3%	83.3% #E8B5EE	RGB 232 181 238	#E8B5EE
100.0%	100.0% #EFCBF3	RGB 239 203 243	#EFCBF3

#C74CD6 #CD61DA #D476DF #DB8BE4 #E1A0E9 #E8B5EE #EFCBF3

#C74CD6 - #EFCBF3

HSV Blend

#C74CD6 - #EFCBF3 | 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 #C74CD6 as 0% and #EFCBF3 as 100%.

0.0%	0.0% #C74BD6	RGB 199 75 214	#C74BD6
16.7%	16.7% #CD5FDA	RGB 205 95 218	#CD5FDA
33.3%	33.3% #D473DF	RGB 212 115 223	#D473DF
50.0%	50.0% #DA88E4	RGB 218 136 228	#DA88E4
66.7%	66.7% #E19DE9	RGB 225 157 233	#E19DE9
83.3%	83.3% #E8B3EE	RGB 232 179 238	#E8B3EE
100.0%	100.0% #EFCBF3	RGB 239 203 243	#EFCBF3

#C74BD6 #CD5FDA #D473DF #DA88E4 #E19DE9 #E8B3EE #EFCBF3

#C74CD6 - #DA88E4 - #EFCBF3

CSS codes

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

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