#C288B7 - #FCD9D4 | 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 #C288B7 to #FCD9D4

#C288B7 #FCD9D4

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

#C288B7 - #FCD9D4 | 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 #C288B7 as 0% and #FCD9D4 as 100%.

0.0%	0.0% #C288B7	RGB 194 136 183	#C288B7
16.7%	16.7% #CB95BB	RGB 203 149 187	#CB95BB
33.3%	33.3% #D5A3C0	RGB 213 163 192	#D5A3C0
50.0%	50.0% #DFB0C5	RGB 223 176 197	#DFB0C5
66.7%	66.7% #E8BECA	RGB 232 190 202	#E8BECA
83.3%	83.3% #F2CBCF	RGB 242 203 207	#F2CBCF
100.0%	100.0% #FCD9D4	RGB 252 217 212	#FCD9D4

#C288B7 #CB95BB #D5A3C0 #DFB0C5 #E8BECA #F2CBCF #FCD9D4

#C288B7 - #FCD9D4

HSV Blend

#C288B7 - #FCD9D4 | 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 #C288B7 as 0% and #FCD9D4 as 100%.

0.0%	0.0% #C288B7	RGB 194 136 183	#C288B7
16.7%	16.7% #CB93B8	RGB 203 147 184	#CB93B8
33.3%	33.3% #D59FBA	RGB 213 159 186	#D59FBA
50.0%	50.0% #DFABBD	RGB 223 171 189	#DFABBD
66.7%	66.7% #E8B8C1	RGB 232 184 193	#E8B8C1
83.3%	83.3% #F2C6C7	RGB 242 198 199	#F2C6C7
100.0%	100.0% #FCD9D4	RGB 252 217 212	#FCD9D4

#C288B7 #CB93B8 #D59FBA #DFABBD #E8B8C1 #F2C6C7 #FCD9D4

#C288B7 - #DFABBD - #FCD9D4

CSS codes

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

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