#CF77AB - #FCD1C8 | 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 #CF77AB to #FCD1C8

#CF77AB #FCD1C8

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

#CF77AB - #FCD1C8 | 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 #CF77AB as 0% and #FCD1C8 as 100%.

0.0%	0.0% #CF77AB	RGB 207 119 171	#CF77AB
16.7%	16.7% #D686AF	RGB 214 134 175	#D686AF
33.3%	33.3% #DE95B4	RGB 222 149 180	#DE95B4
50.0%	50.0% #E5A4B9	RGB 229 164 185	#E5A4B9
66.7%	66.7% #EDB3BE	RGB 237 179 190	#EDB3BE
83.3%	83.3% #F4C2C3	RGB 244 194 195	#F4C2C3
100.0%	100.0% #FCD1C8	RGB 252 209 200	#FCD1C8

#CF77AB #D686AF #DE95B4 #E5A4B9 #EDB3BE #F4C2C3 #FCD1C8

#CF77AB - #FCD1C8

HSV Blend

#CF77AB - #FCD1C8 | 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 #CF77AB as 0% and #FCD1C8 as 100%.

0.0%	0.0% #CF77AA	RGB 207 119 170	#CF77AA
16.7%	16.7% #D683A9	RGB 214 131 169	#D683A9
33.3%	33.3% #DE8FAA	RGB 222 143 170	#DE8FAA
50.0%	50.0% #E59DAC	RGB 229 157 172	#E59DAC
66.7%	66.7% #EDAAB0	RGB 237 170 176	#EDAAB0
83.3%	83.3% #F4BBB9	RGB 244 187 185	#F4BBB9
100.0%	100.0% #FCD1C8	RGB 252 209 200	#FCD1C8

#CF77AA #D683A9 #DE8FAA #E59DAC #EDAAB0 #F4BBB9 #FCD1C8

#CF77AB - #E59DAC - #FCD1C8

CSS codes

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

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