#C17DA7 - #EDD9E5 | 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 #C17DA7 to #EDD9E5

#C17DA7 #EDD9E5

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

#C17DA7 - #EDD9E5 | 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 #C17DA7 as 0% and #EDD9E5 as 100%.

0.0%	0.0% #C17DA7	RGB 193 125 167	#C17DA7
16.7%	16.7% #C88CB1	RGB 200 140 177	#C88CB1
33.3%	33.3% #CF9BBB	RGB 207 155 187	#CF9BBB
50.0%	50.0% #D7ABC6	RGB 215 171 198	#D7ABC6
66.7%	66.7% #DEBAD0	RGB 222 186 208	#DEBAD0
83.3%	83.3% #E5C9DA	RGB 229 201 218	#E5C9DA
100.0%	100.0% #EDD9E5	RGB 237 217 229	#EDD9E5

#C17DA7 #C88CB1 #CF9BBB #D7ABC6 #DEBAD0 #E5C9DA #EDD9E5

#C17DA7 - #EDD9E5

HSV Blend

#C17DA7 - #EDD9E5 | 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 #C17DA7 as 0% and #EDD9E5 as 100%.

0.0%	0.0% #C17DA7	RGB 193 125 167	#C17DA7
16.7%	16.7% #C88AB0	RGB 200 138 176	#C88AB0
33.3%	33.3% #CF99BA	RGB 207 153 186	#CF99BA
50.0%	50.0% #D7A8C4	RGB 215 168 196	#D7A8C4
66.7%	66.7% #DEB7CF	RGB 222 183 207	#DEB7CF
83.3%	83.3% #E5C8D9	RGB 229 200 217	#E5C8D9
100.0%	100.0% #EDD9E5	RGB 237 217 229	#EDD9E5

#C17DA7 #C88AB0 #CF99BA #D7A8C4 #DEB7CF #E5C8D9 #EDD9E5

#C17DA7 - #D7A8C4 - #EDD9E5

CSS codes

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

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