#EDD0EB - #CD6FAB | 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 #EDD0EB to #CD6FAB

#EDD0EB #CD6FAB

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

#EDD0EB - #CD6FAB | 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 #EDD0EB as 0% and #CD6FAB as 100%.

0.0%	0.0% #EDD0EB	RGB 237 208 235	#EDD0EB
16.7%	16.7% #E7BFE0	RGB 231 191 224	#E7BFE0
33.3%	33.3% #E2AFD5	RGB 226 175 213	#E2AFD5
50.0%	50.0% #DD9FCB	RGB 221 159 203	#DD9FCB
66.7%	66.7% #D78FC0	RGB 215 143 192	#D78FC0
83.3%	83.3% #D27FB5	RGB 210 127 181	#D27FB5
100.0%	100.0% #CD6FAB	RGB 205 111 171	#CD6FAB

#EDD0EB #E7BFE0 #E2AFD5 #DD9FCB #D78FC0 #D27FB5 #CD6FAB

#EDD0EB - #CD6FAB

HSV Blend

#EDD0EB - #CD6FAB | 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 #EDD0EB as 0% and #CD6FAB as 100%.

0.0%	0.0% #EDD0EB	RGB 237 208 235	#EDD0EB
16.7%	16.7% #E7BEE2	RGB 231 190 226	#E7BEE2
33.3%	33.3% #E2ADD9	RGB 226 173 217	#E2ADD9
50.0%	50.0% #DD9CCF	RGB 221 156 207	#DD9CCF
66.7%	66.7% #D78CC3	RGB 215 140 195	#D78CC3
83.3%	83.3% #D27DB7	RGB 210 125 183	#D27DB7
100.0%	100.0% #CD6FAB	RGB 205 111 171	#CD6FAB

#EDD0EB #E7BEE2 #E2ADD9 #DD9CCF #D78CC3 #D27DB7 #CD6FAB

#EDD0EB - #DD9CCF - #CD6FAB

CSS codes

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

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