#C260C7 - #EDD1EF | 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 #C260C7 to #EDD1EF

#C260C7 #EDD1EF

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

#C260C7 - #EDD1EF | 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 #C260C7 as 0% and #EDD1EF as 100%.

0.0%	0.0% #C260C7	RGB 194 96 199	#C260C7
16.7%	16.7% #C972CD	RGB 201 114 205	#C972CD
33.3%	33.3% #D085D4	RGB 208 133 212	#D085D4
50.0%	50.0% #D798DB	RGB 215 152 219	#D798DB
66.7%	66.7% #DEABE1	RGB 222 171 225	#DEABE1
83.3%	83.3% #E5BEE8	RGB 229 190 232	#E5BEE8
100.0%	100.0% #EDD1EF	RGB 237 209 239	#EDD1EF

#C260C7 #C972CD #D085D4 #D798DB #DEABE1 #E5BEE8 #EDD1EF

#C260C7 - #EDD1EF

HSV Blend

#C260C7 - #EDD1EF | 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 #C260C7 as 0% and #EDD1EF as 100%.

0.0%	0.0% #C260C7	RGB 194 96 199	#C260C7
16.7%	16.7% #C870CD	RGB 200 112 205	#C870CD
33.3%	33.3% #CF82D4	RGB 207 130 212	#CF82D4
50.0%	50.0% #D694DB	RGB 214 148 219	#D694DB
66.7%	66.7% #DEA7E1	RGB 222 167 225	#DEA7E1
83.3%	83.3% #E5BBE8	RGB 229 187 232	#E5BBE8
100.0%	100.0% #EDD1EF	RGB 237 209 239	#EDD1EF

#C260C7 #C870CD #CF82D4 #D694DB #DEA7E1 #E5BBE8 #EDD1EF

#C260C7 - #D694DB - #EDD1EF

CSS codes

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

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