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

#C152C2 #EDCDED

Calculate the color between two colors, #C152C2 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)

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

0.0%	0.0% #C152C2	RGB 193 82 194	#C152C2
16.7%	16.7% #C866C9	RGB 200 102 201	#C866C9
33.3%	33.3% #CF7BD0	RGB 207 123 208	#CF7BD0
50.0%	50.0% #D78FD7	RGB 215 143 215	#D78FD7
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

#C152C2 #C866C9 #CF7BD0 #D78FD7 #DEA4DE #E5B8E5 #EDCDED

#C152C2 - #EDCDED

HSV Blend

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

0.0%	0.0% #C152C2	RGB 193 82 194	#C152C2
16.7%	16.7% #C863C9	RGB 200 99 201	#C863C9
33.3%	33.3% #CF76D0	RGB 207 118 208	#CF76D0
50.0%	50.0% #D78AD7	RGB 215 138 215	#D78AD7
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

#C152C2 #C863C9 #CF76D0 #D78AD7 #DE9FDE #E5B5E5 #EDCDED

#C152C2 - #D78AD7 - #EDCDED

CSS codes

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

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