#C24BA7 - #EDCBE5 | 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 #C24BA7 to #EDCBE5

#C24BA7 #EDCBE5

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

#C24BA7 - #EDCBE5 | 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 #C24BA7 as 0% and #EDCBE5 as 100%.

0.0%	0.0% #C24BA7	RGB 194 75 167	#C24BA7
16.7%	16.7% #C960B1	RGB 201 96 177	#C960B1
33.3%	33.3% #D075BB	RGB 208 117 187	#D075BB
50.0%	50.0% #D78BC6	RGB 215 139 198	#D78BC6
66.7%	66.7% #DEA0D0	RGB 222 160 208	#DEA0D0
83.3%	83.3% #E5B5DA	RGB 229 181 218	#E5B5DA
100.0%	100.0% #EDCBE5	RGB 237 203 229	#EDCBE5

#C24BA7 #C960B1 #D075BB #D78BC6 #DEA0D0 #E5B5DA #EDCBE5

#C24BA7 - #EDCBE5

HSV Blend

#C24BA7 - #EDCBE5 | 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 #C24BA7 as 0% and #EDCBE5 as 100%.

0.0%	0.0% #C24BA7	RGB 194 75 167	#C24BA7
16.7%	16.7% #C95DB0	RGB 201 93 176	#C95DB0
33.3%	33.3% #D071BA	RGB 208 113 186	#D071BA
50.0%	50.0% #D785C4	RGB 215 133 196	#D785C4
66.7%	66.7% #DE9BCF	RGB 222 155 207	#DE9BCF
83.3%	83.3% #E5B2D9	RGB 229 178 217	#E5B2D9
100.0%	100.0% #EDCBE5	RGB 237 203 229	#EDCBE5

#C24BA7 #C95DB0 #D071BA #D785C4 #DE9BCF #E5B2D9 #EDCBE5

#C24BA7 - #D785C4 - #EDCBE5

CSS codes

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

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