#C75DC1 - #F5C6E8 | 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 #C75DC1 to #F5C6E8

#C75DC1 #F5C6E8

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

#C75DC1 - #F5C6E8 | 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 #C75DC1 as 0% and #F5C6E8 as 100%.

0.0%	0.0% #C75DC1	RGB 199 93 193	#C75DC1
16.7%	16.7% #CE6EC7	RGB 206 110 199	#CE6EC7
33.3%	33.3% #D680CE	RGB 214 128 206	#D680CE
50.0%	50.0% #DE91D4	RGB 222 145 212	#DE91D4
66.7%	66.7% #E5A3DB	RGB 229 163 219	#E5A3DB
83.3%	83.3% #EDB4E1	RGB 237 180 225	#EDB4E1
100.0%	100.0% #F5C6E8	RGB 245 198 232	#F5C6E8

#C75DC1 #CE6EC7 #D680CE #DE91D4 #E5A3DB #EDB4E1 #F5C6E8

#C75DC1 - #F5C6E8

HSV Blend

#C75DC1 - #F5C6E8 | 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 #C75DC1 as 0% and #F5C6E8 as 100%.

0.0%	0.0% #C75DC1	RGB 199 93 193	#C75DC1
16.7%	16.7% #CE6CC5	RGB 206 108 197	#CE6CC5
33.3%	33.3% #D67CCA	RGB 214 124 202	#D67CCA
50.0%	50.0% #DE8DD0	RGB 222 141 208	#DE8DD0
66.7%	66.7% #E59FD7	RGB 229 159 215	#E59FD7
83.3%	83.3% #EDB2DF	RGB 237 178 223	#EDB2DF
100.0%	100.0% #F5C6E8	RGB 245 198 232	#F5C6E8

#C75DC1 #CE6CC5 #D67CCA #DE8DD0 #E59FD7 #EDB2DF #F5C6E8

#C75DC1 - #DE8DD0 - #F5C6E8

CSS codes

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

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