#C9A2D2 - #FFFACF | 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 #C9A2D2 to #FFFACF

#C9A2D2 #FFFACF

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

#C9A2D2 - #FFFACF | 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 #C9A2D2 as 0% and #FFFACF as 100%.

0.0%	0.0% #C9A2D2	RGB 201 162 210	#C9A2D2
16.7%	16.7% #D2B0D1	RGB 210 176 209	#D2B0D1
33.3%	33.3% #DBBFD1	RGB 219 191 209	#DBBFD1
50.0%	50.0% #E4CED0	RGB 228 206 208	#E4CED0
66.7%	66.7% #EDDCD0	RGB 237 220 208	#EDDCD0
83.3%	83.3% #F6EBCF	RGB 246 235 207	#F6EBCF
100.0%	100.0% #FFFACF	RGB 255 250 207	#FFFACF

#C9A2D2 #D2B0D1 #DBBFD1 #E4CED0 #EDDCD0 #F6EBCF #FFFACF

#C9A2D2 - #FFFACF

HSV Blend

#C9A2D2 - #FFFACF | 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 #C9A2D2 as 0% and #FFFACF as 100%.

0.0%	0.0% #C9A2D2	RGB 201 162 210	#C9A2D2
16.7%	16.7% #D9A9D1	RGB 217 169 209	#D9A9D1
33.3%	33.3% #E1B0C8	RGB 225 176 200	#E1B0C8
50.0%	50.0% #E8B8BF	RGB 232 184 191	#E8B8BF
66.7%	66.7% #F0C9BF	RGB 240 201 191	#F0C9BF
83.3%	83.3% #F7E1C7	RGB 247 225 199	#F7E1C7
100.0%	100.0% #FFFACF	RGB 255 250 207	#FFFACF

#C9A2D2 #D9A9D1 #E1B0C8 #E8B8BF #F0C9BF #F7E1C7 #FFFACF

#C9A2D2 - #E8B8BF - #FFFACF

CSS codes

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

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