#F08F8C - #FCC4B2 | 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 #F08F8C to #FCC4B2

#F08F8C #FCC4B2

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

#F08F8C - #FCC4B2 | 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 #F08F8C as 0% and #FCC4B2 as 100%.

0.0%	0.0% #F08F8C	RGB 240 143 140	#F08F8C
16.7%	16.7% #F29792	RGB 242 151 146	#F29792
33.3%	33.3% #F4A098	RGB 244 160 152	#F4A098
50.0%	50.0% #F6A99F	RGB 246 169 159	#F6A99F
66.7%	66.7% #F8B2A5	RGB 248 178 165	#F8B2A5
83.3%	83.3% #FABBAB	RGB 250 187 171	#FABBAB
100.0%	100.0% #FCC4B2	RGB 252 196 178	#FCC4B2

#F08F8C #F29792 #F4A098 #F6A99F #F8B2A5 #FABBAB #FCC4B2

#F08F8C - #FCC4B2

HSV Blend

#F08F8C - #FCC4B2 | 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 #F08F8C as 0% and #FCC4B2 as 100%.

0.0%	0.0% #F08F8C	RGB 240 143 140	#F08F8C
16.7%	16.7% #F29892	RGB 242 152 146	#F29892
33.3%	33.3% #F4A198	RGB 244 161 152	#F4A198
50.0%	50.0% #F6AA9E	RGB 246 170 158	#F6AA9E
66.7%	66.7% #F8B3A5	RGB 248 179 165	#F8B3A5
83.3%	83.3% #FABBAB	RGB 250 187 171	#FABBAB
100.0%	100.0% #FCC4B2	RGB 252 196 178	#FCC4B2

#F08F8C #F29892 #F4A198 #F6AA9E #F8B3A5 #FABBAB #FCC4B2

#F08F8C - #F6AA9E - #FCC4B2

CSS codes

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

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