#EDDEEB - #CD91CD | 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 #EDDEEB to #CD91CD

#EDDEEB #CD91CD

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

#EDDEEB - #CD91CD | 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 #EDDEEB as 0% and #CD91CD as 100%.

0.0%	0.0% #EDDEEB	RGB 237 222 235	#EDDEEB
16.7%	16.7% #E7D1E6	RGB 231 209 230	#E7D1E6
33.3%	33.3% #E2C4E1	RGB 226 196 225	#E2C4E1
50.0%	50.0% #DDB7DC	RGB 221 183 220	#DDB7DC
66.7%	66.7% #D7AAD7	RGB 215 170 215	#D7AAD7
83.3%	83.3% #D29DD2	RGB 210 157 210	#D29DD2
100.0%	100.0% #CD91CD	RGB 205 145 205	#CD91CD

#EDDEEB #E7D1E6 #E2C4E1 #DDB7DC #D7AAD7 #D29DD2 #CD91CD

#EDDEEB - #CD91CD

HSV Blend

#EDDEEB - #CD91CD | 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 #EDDEEB as 0% and #CD91CD as 100%.

0.0%	0.0% #EDDEEB	RGB 237 222 235	#EDDEEB
16.7%	16.7% #E7D0E5	RGB 231 208 229	#E7D0E5
33.3%	33.3% #E2C2DF	RGB 226 194 223	#E2C2DF
50.0%	50.0% #DDB5DA	RGB 221 181 218	#DDB5DA
66.7%	66.7% #D7A9D5	RGB 215 169 213	#D7A9D5
83.3%	83.3% #D29CD1	RGB 210 156 209	#D29CD1
100.0%	100.0% #CD91CD	RGB 205 145 205	#CD91CD

#EDDEEB #E7D0E5 #E2C2DF #DDB5DA #D7A9D5 #D29CD1 #CD91CD

#EDDEEB - #DDB5DA - #CD91CD

CSS codes

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

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