#C249C2 - #EDCBED | 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 #C249C2 to #EDCBED

#C249C2 #EDCBED

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

#C249C2 - #EDCBED | 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 #C249C2 as 0% and #EDCBED as 100%.

0.0%	0.0% #C249C2	RGB 194 73 194	#C249C2
16.7%	16.7% #C95EC9	RGB 201 94 201	#C95EC9
33.3%	33.3% #D074D0	RGB 208 116 208	#D074D0
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% #EDCBED	RGB 237 203 237	#EDCBED

#C249C2 #C95EC9 #D074D0 #D78AD7 #DE9FDE #E5B5E5 #EDCBED

#C249C2 - #EDCBED

HSV Blend

#C249C2 - #EDCBED | 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 #C249C2 as 0% and #EDCBED as 100%.

0.0%	0.0% #C249C2	RGB 194 73 194	#C249C2
16.7%	16.7% #C95BC9	RGB 201 91 201	#C95BC9
33.3%	33.3% #D06FD0	RGB 208 111 208	#D06FD0
50.0%	50.0% #D784D7	RGB 215 132 215	#D784D7
66.7%	66.7% #DE9BDE	RGB 222 155 222	#DE9BDE
83.3%	83.3% #E5B2E5	RGB 229 178 229	#E5B2E5
100.0%	100.0% #EDCBED	RGB 237 203 237	#EDCBED

#C249C2 #C95BC9 #D06FD0 #D784D7 #DE9BDE #E5B2E5 #EDCBED

#C249C2 - #D784D7 - #EDCBED

CSS codes

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

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