#C46FD7 - #FDC9DA | 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 #C46FD7 to #FDC9DA

#C46FD7 #FDC9DA

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

#C46FD7 - #FDC9DA | 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 #C46FD7 as 0% and #FDC9DA as 100%.

0.0%	0.0% #C46FD7	RGB 196 111 215	#C46FD7
16.7%	16.7% #CD7ED7	RGB 205 126 215	#CD7ED7
33.3%	33.3% #D78DD8	RGB 215 141 216	#D78DD8
50.0%	50.0% #E09CD8	RGB 224 156 216	#E09CD8
66.7%	66.7% #EAABD9	RGB 234 171 217	#EAABD9
83.3%	83.3% #F3BAD9	RGB 243 186 217	#F3BAD9
100.0%	100.0% #FDC9DA	RGB 253 201 218	#FDC9DA

#C46FD7 #CD7ED7 #D78DD8 #E09CD8 #EAABD9 #F3BAD9 #FDC9DA

#C46FD7 - #FDC9DA

HSV Blend

#C46FD7 - #FDC9DA | 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 #C46FD7 as 0% and #FDC9DA as 100%.

0.0%	0.0% #C46FD7	RGB 196 111 215	#C46FD7
16.7%	16.7% #D97CDD	RGB 217 124 221	#D97CDD
33.3%	33.3% #E38ADA	RGB 227 138 218	#E38ADA
50.0%	50.0% #EA99D6	RGB 234 153 214	#EA99D6
66.7%	66.7% #F0A8D4	RGB 240 168 212	#F0A8D4
83.3%	83.3% #F6B8D5	RGB 246 184 213	#F6B8D5
100.0%	100.0% #FDC9DA	RGB 253 201 218	#FDC9DA

#C46FD7 #D97CDD #E38ADA #EA99D6 #F0A8D4 #F6B8D5 #FDC9DA

#C46FD7 - #EA99D6 - #FDC9DA

CSS codes

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

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