#C49AD6 - #FFDCD0 | 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 #C49AD6 to #FFDCD0

#C49AD6 #FFDCD0

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

#C49AD6 - #FFDCD0 | 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 #C49AD6 as 0% and #FFDCD0 as 100%.

0.0%	0.0% #C49AD6	RGB 196 154 214	#C49AD6
16.7%	16.7% #CDA5D5	RGB 205 165 213	#CDA5D5
33.3%	33.3% #D7B0D4	RGB 215 176 212	#D7B0D4
50.0%	50.0% #E1BBD3	RGB 225 187 211	#E1BBD3
66.7%	66.7% #EBC6D2	RGB 235 198 210	#EBC6D2
83.3%	83.3% #F5D1D1	RGB 245 209 209	#F5D1D1
100.0%	100.0% #FFDCD0	RGB 255 220 208	#FFDCD0

#C49AD6 #CDA5D5 #D7B0D4 #E1BBD3 #EBC6D2 #F5D1D1 #FFDCD0

#C49AD6 - #FFDCD0

HSV Blend

#C49AD6 - #FFDCD0 | 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 #C49AD6 as 0% and #FFDCD0 as 100%.

0.0%	0.0% #C49AD6	RGB 196 154 214	#C49AD6
16.7%	16.7% #DAA2DC	RGB 218 162 220	#DAA2DC
33.3%	33.3% #E3ABD7	RGB 227 171 215	#E3ABD7
50.0%	50.0% #EAB4D0	RGB 234 180 208	#EAB4D0
66.7%	66.7% #F1BDCA	RGB 241 189 202	#F1BDCA
83.3%	83.3% #F8C6C6	RGB 248 198 198	#F8C6C6
100.0%	100.0% #FFDCD0	RGB 255 220 208	#FFDCD0

#C49AD6 #DAA2DC #E3ABD7 #EAB4D0 #F1BDCA #F8C6C6 #FFDCD0

#C49AD6 - #EAB4D0 - #FFDCD0

CSS codes

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

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