#C49CD6 - #FFDDD0 | 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 #C49CD6 to #FFDDD0

#C49CD6 #FFDDD0

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

#C49CD6 - #FFDDD0 | 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 #C49CD6 as 0% and #FFDDD0 as 100%.

0.0%	0.0% #C49CD6	RGB 196 156 214	#C49CD6
16.7%	16.7% #CDA6D5	RGB 205 166 213	#CDA6D5
33.3%	33.3% #D7B1D4	RGB 215 177 212	#D7B1D4
50.0%	50.0% #E1BCD3	RGB 225 188 211	#E1BCD3
66.7%	66.7% #EBC7D2	RGB 235 199 210	#EBC7D2
83.3%	83.3% #F5D2D1	RGB 245 210 209	#F5D2D1
100.0%	100.0% #FFDDD0	RGB 255 221 208	#FFDDD0

#C49CD6 #CDA6D5 #D7B1D4 #E1BCD3 #EBC7D2 #F5D2D1 #FFDDD0

#C49CD6 - #FFDDD0

HSV Blend

#C49CD6 - #FFDDD0 | 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 #C49CD6 as 0% and #FFDDD0 as 100%.

0.0%	0.0% #C49CD6	RGB 196 156 214	#C49CD6
16.7%	16.7% #DAA4DC	RGB 218 164 220	#DAA4DC
33.3%	33.3% #E3ACD7	RGB 227 172 215	#E3ACD7
50.0%	50.0% #EAB5D0	RGB 234 181 208	#EAB5D0
66.7%	66.7% #F1BDCA	RGB 241 189 202	#F1BDCA
83.3%	83.3% #F8C7C6	RGB 248 199 198	#F8C7C6
100.0%	100.0% #FFDDD0	RGB 255 221 208	#FFDDD0

#C49CD6 #DAA4DC #E3ACD7 #EAB5D0 #F1BDCA #F8C7C6 #FFDDD0

#C49CD6 - #EAB5D0 - #FFDDD0

CSS codes

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

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