#F2AF8C - #F7ECB2 | 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 #F2AF8C to #F7ECB2

#F2AF8C #F7ECB2

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

#F2AF8C - #F7ECB2 | 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 #F2AF8C as 0% and #F7ECB2 as 100%.

0.0%	0.0% #F2AF8C	RGB 242 175 140	#F2AF8C
16.7%	16.7% #F2B992	RGB 242 185 146	#F2B992
33.3%	33.3% #F3C398	RGB 243 195 152	#F3C398
50.0%	50.0% #F4CD9F	RGB 244 205 159	#F4CD9F
66.7%	66.7% #F5D7A5	RGB 245 215 165	#F5D7A5
83.3%	83.3% #F6E1AB	RGB 246 225 171	#F6E1AB
100.0%	100.0% #F7ECB2	RGB 247 236 178	#F7ECB2

#F2AF8C #F2B992 #F3C398 #F4CD9F #F5D7A5 #F6E1AB #F7ECB2

#F2AF8C - #F7ECB2

HSV Blend

#F2AF8C - #F7ECB2 | 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 #F2AF8C as 0% and #F7ECB2 as 100%.

0.0%	0.0% #F2AF8C	RGB 242 175 140	#F2AF8C
16.7%	16.7% #F2BB92	RGB 242 187 146	#F2BB92
33.3%	33.3% #F3C698	RGB 243 198 152	#F3C698
50.0%	50.0% #F4D19E	RGB 244 209 158	#F4D19E
66.7%	66.7% #F5DBA5	RGB 245 219 165	#F5DBA5
83.3%	83.3% #F6E4AB	RGB 246 228 171	#F6E4AB
100.0%	100.0% #F7ECB2	RGB 247 236 178	#F7ECB2

#F2AF8C #F2BB92 #F3C698 #F4D19E #F5DBA5 #F6E4AB #F7ECB2

#F2AF8C - #F4D19E - #F7ECB2

CSS codes

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

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