#C05FC1 - #EDD1ED | 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 #C05FC1 to #EDD1ED

#C05FC1 #EDD1ED

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

#C05FC1 - #EDD1ED | 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 #C05FC1 as 0% and #EDD1ED as 100%.

0.0%	0.0% #C05FC1	RGB 192 95 193	#C05FC1
16.7%	16.7% #C772C8	RGB 199 114 200	#C772C8
33.3%	33.3% #CF85CF	RGB 207 133 207	#CF85CF
50.0%	50.0% #D698D7	RGB 214 152 215	#D698D7
66.7%	66.7% #DEABDE	RGB 222 171 222	#DEABDE
83.3%	83.3% #E5BEE5	RGB 229 190 229	#E5BEE5
100.0%	100.0% #EDD1ED	RGB 237 209 237	#EDD1ED

#C05FC1 #C772C8 #CF85CF #D698D7 #DEABDE #E5BEE5 #EDD1ED

#C05FC1 - #EDD1ED

HSV Blend

#C05FC1 - #EDD1ED | 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 #C05FC1 as 0% and #EDD1ED as 100%.

0.0%	0.0% #C05EC1	RGB 192 94 193	#C05EC1
16.7%	16.7% #C76FC8	RGB 199 111 200	#C76FC8
33.3%	33.3% #CF81CF	RGB 207 129 207	#CF81CF
50.0%	50.0% #D693D7	RGB 214 147 215	#D693D7
66.7%	66.7% #DEA7DE	RGB 222 167 222	#DEA7DE
83.3%	83.3% #E5BBE5	RGB 229 187 229	#E5BBE5
100.0%	100.0% #EDD1ED	RGB 237 209 237	#EDD1ED

#C05EC1 #C76FC8 #CF81CF #D693D7 #DEA7DE #E5BBE5 #EDD1ED

#C05FC1 - #D693D7 - #EDD1ED

CSS codes

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

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