#F048A8 - #FFBFCC | 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 #F048A8 to #FFBFCC

#F048A8 #FFBFCC

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

#F048A8 - #FFBFCC | 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 #F048A8 as 0% and #FFBFCC as 100%.

0.0%	0.0% #F048A8	RGB 240 72 168	#F048A8
16.7%	16.7% #F25BAE	RGB 242 91 174	#F25BAE
33.3%	33.3% #F56FB4	RGB 245 111 180	#F56FB4
50.0%	50.0% #F783BA	RGB 247 131 186	#F783BA
66.7%	66.7% #FA97C0	RGB 250 151 192	#FA97C0
83.3%	83.3% #FCABC6	RGB 252 171 198	#FCABC6
100.0%	100.0% #FFBFCC	RGB 255 191 204	#FFBFCC

#F048A8 #F25BAE #F56FB4 #F783BA #FA97C0 #FCABC6 #FFBFCC

#F048A8 - #FFBFCC

HSV Blend

#F048A8 - #FFBFCC | 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 #F048A8 as 0% and #FFBFCC as 100%.

0.0%	0.0% #F048A8	RGB 240 72 168	#F048A8
16.7%	16.7% #F25AA8	RGB 242 90 168	#F25AA8
33.3%	33.3% #F56EAA	RGB 245 110 170	#F56EAA
50.0%	50.0% #F781AF	RGB 247 129 175	#F781AF
66.7%	66.7% #FA95B6	RGB 250 149 182	#FA95B6
83.3%	83.3% #FCAABF	RGB 252 170 191	#FCAABF
100.0%	100.0% #FFBFCC	RGB 255 191 204	#FFBFCC

#F048A8 #F25AA8 #F56EAA #F781AF #FA95B6 #FCAABF #FFBFCC

#F048A8 - #F781AF - #FFBFCC

CSS codes

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

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