#C21AC2 - #EDBDED | 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 #C21AC2 to #EDBDED

#C21AC2 #EDBDED

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

#C21AC2 - #EDBDED | 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 #C21AC2 as 0% and #EDBDED as 100%.

0.0%	0.0% #C21AC2	RGB 194 26 194	#C21AC2
16.7%	16.7% #C935C9	RGB 201 53 201	#C935C9
33.3%	33.3% #D050D0	RGB 208 80 208	#D050D0
50.0%	50.0% #D76BD7	RGB 215 107 215	#D76BD7
66.7%	66.7% #DE86DE	RGB 222 134 222	#DE86DE
83.3%	83.3% #E5A1E5	RGB 229 161 229	#E5A1E5
100.0%	100.0% #EDBDED	RGB 237 189 237	#EDBDED

#C21AC2 #C935C9 #D050D0 #D76BD7 #DE86DE #E5A1E5 #EDBDED

#C21AC2 - #EDBDED

HSV Blend

#C21AC2 - #EDBDED | 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 #C21AC2 as 0% and #EDBDED as 100%.

0.0%	0.0% #C21AC2	RGB 194 26 194	#C21AC2
16.7%	16.7% #C931C9	RGB 201 49 201	#C931C9
33.3%	33.3% #D049D0	RGB 208 73 208	#D049D0
50.0%	50.0% #D764D7	RGB 215 100 215	#D764D7
66.7%	66.7% #DE80DE	RGB 222 128 222	#DE80DE
83.3%	83.3% #E59DE5	RGB 229 157 229	#E59DE5
100.0%	100.0% #EDBDED	RGB 237 189 237	#EDBDED

#C21AC2 #C931C9 #D049D0 #D764D7 #DE80DE #E59DE5 #EDBDED

#C21AC2 - #D764D7 - #EDBDED

CSS codes

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

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