#EDD1EB - #CD70AB | 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 #EDD1EB to #CD70AB

#EDD1EB #CD70AB

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

#EDD1EB - #CD70AB | 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 #EDD1EB as 0% and #CD70AB as 100%.

0.0%	0.0% #EDD1EB	RGB 237 209 235	#EDD1EB
16.7%	16.7% #E7C0E0	RGB 231 192 224	#E7C0E0
33.3%	33.3% #E2B0D5	RGB 226 176 213	#E2B0D5
50.0%	50.0% #DDA0CB	RGB 221 160 203	#DDA0CB
66.7%	66.7% #D790C0	RGB 215 144 192	#D790C0
83.3%	83.3% #D280B5	RGB 210 128 181	#D280B5
100.0%	100.0% #CD70AB	RGB 205 112 171	#CD70AB

#EDD1EB #E7C0E0 #E2B0D5 #DDA0CB #D790C0 #D280B5 #CD70AB

#EDD1EB - #CD70AB

HSV Blend

#EDD1EB - #CD70AB | 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 #EDD1EB as 0% and #CD70AB as 100%.

0.0%	0.0% #EDD1EB	RGB 237 209 235	#EDD1EB
16.7%	16.7% #E7BFE2	RGB 231 191 226	#E7BFE2
33.3%	33.3% #E2AED9	RGB 226 174 217	#E2AED9
50.0%	50.0% #DD9DCF	RGB 221 157 207	#DD9DCF
66.7%	66.7% #D78DC3	RGB 215 141 195	#D78DC3
83.3%	83.3% #D27EB7	RGB 210 126 183	#D27EB7
100.0%	100.0% #CD70AB	RGB 205 112 171	#CD70AB

#EDD1EB #E7BFE2 #E2AED9 #DD9DCF #D78DC3 #D27EB7 #CD70AB

#EDD1EB - #DD9DCF - #CD70AB

CSS codes

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

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