#C47CD1 - #EED9F1 | 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 #C47CD1 to #EED9F1

#C47CD1 #EED9F1

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

#C47CD1 - #EED9F1 | 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 #C47CD1 as 0% and #EED9F1 as 100%.

0.0%	0.0% #C47CD1	RGB 196 124 209	#C47CD1
16.7%	16.7% #CB8BD6	RGB 203 139 214	#CB8BD6
33.3%	33.3% #D29BDB	RGB 210 155 219	#D29BDB
50.0%	50.0% #D9AAE1	RGB 217 170 225	#D9AAE1
66.7%	66.7% #E0BAE6	RGB 224 186 230	#E0BAE6
83.3%	83.3% #E7C9EB	RGB 231 201 235	#E7C9EB
100.0%	100.0% #EED9F1	RGB 238 217 241	#EED9F1

#C47CD1 #CB8BD6 #D29BDB #D9AAE1 #E0BAE6 #E7C9EB #EED9F1

#C47CD1 - #EED9F1

HSV Blend

#C47CD1 - #EED9F1 | 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 #C47CD1 as 0% and #EED9F1 as 100%.

0.0%	0.0% #C47CD1	RGB 196 124 209	#C47CD1
16.7%	16.7% #CB8AD6	RGB 203 138 214	#CB8AD6
33.3%	33.3% #D298DB	RGB 210 152 219	#D298DB
50.0%	50.0% #D9A8E1	RGB 217 168 225	#D9A8E1
66.7%	66.7% #E0B7E6	RGB 224 183 230	#E0B7E6
83.3%	83.3% #E7C8EB	RGB 231 200 235	#E7C8EB
100.0%	100.0% #EED9F1	RGB 238 217 241	#EED9F1

#C47CD1 #CB8AD6 #D298DB #D9A8E1 #E0B7E6 #E7C8EB #EED9F1

#C47CD1 - #D9A8E1 - #EED9F1

CSS codes

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

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