#CF63A8 - #FCC5C8 | 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 #CF63A8 to #FCC5C8

#CF63A8 #FCC5C8

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

#CF63A8 - #FCC5C8 | 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 #CF63A8 as 0% and #FCC5C8 as 100%.

0.0%	0.0% #CF63A8	RGB 207 99 168	#CF63A8
16.7%	16.7% #D673AD	RGB 214 115 173	#D673AD
33.3%	33.3% #DE83B2	RGB 222 131 178	#DE83B2
50.0%	50.0% #E594B8	RGB 229 148 184	#E594B8
66.7%	66.7% #EDA4BD	RGB 237 164 189	#EDA4BD
83.3%	83.3% #F4B4C2	RGB 244 180 194	#F4B4C2
100.0%	100.0% #FCC5C8	RGB 252 197 200	#FCC5C8

#CF63A8 #D673AD #DE83B2 #E594B8 #EDA4BD #F4B4C2 #FCC5C8

#CF63A8 - #FCC5C8

HSV Blend

#CF63A8 - #FCC5C8 | 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 #CF63A8 as 0% and #FCC5C8 as 100%.

0.0%	0.0% #CF63A8	RGB 207 99 168	#CF63A8
16.7%	16.7% #D671A8	RGB 214 113 168	#D671A8
33.3%	33.3% #DE80AA	RGB 222 128 170	#DE80AA
50.0%	50.0% #E590AE	RGB 229 144 174	#E590AE
66.7%	66.7% #EDA1B4	RGB 237 161 180	#EDA1B4
83.3%	83.3% #F4B2BC	RGB 244 178 188	#F4B2BC
100.0%	100.0% #FCC5C8	RGB 252 197 200	#FCC5C8

#CF63A8 #D671A8 #DE80AA #E590AE #EDA1B4 #F4B2BC #FCC5C8

#CF63A8 - #E590AE - #FCC5C8

CSS codes

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

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