#EDCFEB - #CD6DAB | 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 #EDCFEB to #CD6DAB

#EDCFEB #CD6DAB

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

#EDCFEB - #CD6DAB | 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 #EDCFEB as 0% and #CD6DAB as 100%.

0.0%	0.0% #EDCFEB	RGB 237 207 235	#EDCFEB
16.7%	16.7% #E7BEE0	RGB 231 190 224	#E7BEE0
33.3%	33.3% #E2AED5	RGB 226 174 213	#E2AED5
50.0%	50.0% #DD9ECB	RGB 221 158 203	#DD9ECB
66.7%	66.7% #D78DC0	RGB 215 141 192	#D78DC0
83.3%	83.3% #D27DB5	RGB 210 125 181	#D27DB5
100.0%	100.0% #CD6DAB	RGB 205 109 171	#CD6DAB

#EDCFEB #E7BEE0 #E2AED5 #DD9ECB #D78DC0 #D27DB5 #CD6DAB

#EDCFEB - #CD6DAB

HSV Blend

#EDCFEB - #CD6DAB | 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 #EDCFEB as 0% and #CD6DAB as 100%.

0.0%	0.0% #EDCFEB	RGB 237 207 235	#EDCFEB
16.7%	16.7% #E7BDE2	RGB 231 189 226	#E7BDE2
33.3%	33.3% #E2ABD9	RGB 226 171 217	#E2ABD9
50.0%	50.0% #DD9BCF	RGB 221 155 207	#DD9BCF
66.7%	66.7% #D78BC3	RGB 215 139 195	#D78BC3
83.3%	83.3% #D27BB7	RGB 210 123 183	#D27BB7
100.0%	100.0% #CD6DAB	RGB 205 109 171	#CD6DAB

#EDCFEB #E7BDE2 #E2ABD9 #DD9BCF #D78BC3 #D27BB7 #CD6DAB

#EDCFEB - #DD9BCF - #CD6DAB

CSS codes

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

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