#C152C0 - #EDCDED | 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 #C152C0 to #EDCDED

#C152C0 #EDCDED

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

#C152C0 - #EDCDED | 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 #C152C0 as 0% and #EDCDED as 100%.

0.0%	0.0% #C152C0	RGB 193 82 192	#C152C0
16.7%	16.7% #C866C7	RGB 200 102 199	#C866C7
33.3%	33.3% #CF7BCF	RGB 207 123 207	#CF7BCF
50.0%	50.0% #D78FD6	RGB 215 143 214	#D78FD6
66.7%	66.7% #DEA4DE	RGB 222 164 222	#DEA4DE
83.3%	83.3% #E5B8E5	RGB 229 184 229	#E5B8E5
100.0%	100.0% #EDCDED	RGB 237 205 237	#EDCDED

#C152C0 #C866C7 #CF7BCF #D78FD6 #DEA4DE #E5B8E5 #EDCDED

#C152C0 - #EDCDED

HSV Blend

#C152C0 - #EDCDED | 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 #C152C0 as 0% and #EDCDED as 100%.

0.0%	0.0% #C152C0	RGB 193 82 192	#C152C0
16.7%	16.7% #C863C7	RGB 200 99 199	#C863C7
33.3%	33.3% #CF76CF	RGB 207 118 207	#CF76CF
50.0%	50.0% #D78AD6	RGB 215 138 214	#D78AD6
66.7%	66.7% #DE9FDE	RGB 222 159 222	#DE9FDE
83.3%	83.3% #E5B5E5	RGB 229 181 229	#E5B5E5
100.0%	100.0% #EDCDED	RGB 237 205 237	#EDCDED

#C152C0 #C863C7 #CF76CF #D78AD6 #DE9FDE #E5B5E5 #EDCDED

#C152C0 - #D78AD6 - #EDCDED

CSS codes

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

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