#C21EC3 - #EDBEED | 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 #C21EC3 to #EDBEED

#C21EC3 #EDBEED

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

#C21EC3 - #EDBEED | 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 #C21EC3 as 0% and #EDBEED as 100%.

0.0%	0.0% #C21EC3	RGB 194 30 195	#C21EC3
16.7%	16.7% #C938CA	RGB 201 56 202	#C938CA
33.3%	33.3% #D053D1	RGB 208 83 209	#D053D1
50.0%	50.0% #D76ED8	RGB 215 110 216	#D76ED8
66.7%	66.7% #DE88DF	RGB 222 136 223	#DE88DF
83.3%	83.3% #E5A3E6	RGB 229 163 230	#E5A3E6
100.0%	100.0% #EDBEED	RGB 237 190 237	#EDBEED

#C21EC3 #C938CA #D053D1 #D76ED8 #DE88DF #E5A3E6 #EDBEED

#C21EC3 - #EDBEED

HSV Blend

#C21EC3 - #EDBEED | 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 #C21EC3 as 0% and #EDBEED as 100%.

0.0%	0.0% #C21EC3	RGB 194 30 195	#C21EC3
16.7%	16.7% #C934CA	RGB 201 52 202	#C934CA
33.3%	33.3% #D04DD1	RGB 208 77 209	#D04DD1
50.0%	50.0% #D767D8	RGB 215 103 216	#D767D8
66.7%	66.7% #DE82DF	RGB 222 130 223	#DE82DF
83.3%	83.3% #E59FE6	RGB 229 159 230	#E59FE6
100.0%	100.0% #EDBEED	RGB 237 190 237	#EDBEED

#C21EC3 #C934CA #D04DD1 #D767D8 #DE82DF #E59FE6 #EDBEED

#C21EC3 - #D767D8 - #EDBEED

CSS codes

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

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