#F66F3C - #FCD5C7 | 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 #F66F3C to #FCD5C7

#F66F3C #FCD5C7

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

#F66F3C - #FCD5C7 | 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 #F66F3C as 0% and #FCD5C7 as 100%.

0.0%	0.0% #F66F3C	RGB 246 111 60	#F66F3C
16.7%	16.7% #F78053	RGB 247 128 83	#F78053
33.3%	33.3% #F8916A	RGB 248 145 106	#F8916A
50.0%	50.0% #F9A281	RGB 249 162 129	#F9A281
66.7%	66.7% #FAB398	RGB 250 179 152	#FAB398
83.3%	83.3% #FBC4AF	RGB 251 196 175	#FBC4AF
100.0%	100.0% #FCD5C7	RGB 252 213 199	#FCD5C7

#F66F3C #F78053 #F8916A #F9A281 #FAB398 #FBC4AF #FCD5C7

#F66F3C - #FCD5C7

HSV Blend

#F66F3C - #FCD5C7 | 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 #F66F3C as 0% and #FCD5C7 as 100%.

0.0%	0.0% #F66F3C	RGB 246 111 60	#F66F3C
16.7%	16.7% #F77F52	RGB 247 127 82	#F77F52
33.3%	33.3% #F89069	RGB 248 144 105	#F89069
50.0%	50.0% #F9A180	RGB 249 161 128	#F9A180
66.7%	66.7% #FAB297	RGB 250 178 151	#FAB297
83.3%	83.3% #FBC3AF	RGB 251 195 175	#FBC3AF
100.0%	100.0% #FCD5C7	RGB 252 213 199	#FCD5C7

#F66F3C #F77F52 #F89069 #F9A180 #FAB297 #FBC3AF #FCD5C7

#F66F3C - #F9A180 - #FCD5C7

CSS codes

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

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