#C07BA7 - #FCCFC3 | 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 #C07BA7 to #FCCFC3

#C07BA7 #FCCFC3

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

#C07BA7 - #FCCFC3 | 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 #C07BA7 as 0% and #FCCFC3 as 100%.

0.0%	0.0% #C07BA7	RGB 192 123 167	#C07BA7
16.7%	16.7% #CA89AB	RGB 202 137 171	#CA89AB
33.3%	33.3% #D497B0	RGB 212 151 176	#D497B0
50.0%	50.0% #DEA5B5	RGB 222 165 181	#DEA5B5
66.7%	66.7% #E8B3B9	RGB 232 179 185	#E8B3B9
83.3%	83.3% #F2C1BE	RGB 242 193 190	#F2C1BE
100.0%	100.0% #FCCFC3	RGB 252 207 195	#FCCFC3

#C07BA7 #CA89AB #D497B0 #DEA5B5 #E8B3B9 #F2C1BE #FCCFC3

#C07BA7 - #FCCFC3

HSV Blend

#C07BA7 - #FCCFC3 | 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 #C07BA7 as 0% and #FCCFC3 as 100%.

0.0%	0.0% #C07BA6	RGB 192 123 166	#C07BA6
16.7%	16.7% #CA85A7	RGB 202 133 167	#CA85A7
33.3%	33.3% #D491A8	RGB 212 145 168	#D491A8
50.0%	50.0% #DE9DAA	RGB 222 157 170	#DE9DAA
66.7%	66.7% #E8A9AD	RGB 232 169 173	#E8A9AD
83.3%	83.3% #F2BAB5	RGB 242 186 181	#F2BAB5
100.0%	100.0% #FCCFC3	RGB 252 207 195	#FCCFC3

#C07BA6 #CA85A7 #D491A8 #DE9DAA #E8A9AD #F2BAB5 #FCCFC3

#C07BA7 - #DE9DAA - #FCCFC3

CSS codes

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

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