#FFAF7A - #FDC7B0 | 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 #FFAF7A to #FDC7B0

#FFAF7A #FDC7B0

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

#FFAF7A - #FDC7B0 | 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 #FFAF7A as 0% and #FDC7B0 as 100%.

0.0%	0.0% #FFAF7A	RGB 255 175 122	#FFAF7A
16.7%	16.7% #FEB383	RGB 254 179 131	#FEB383
33.3%	33.3% #FEB78C	RGB 254 183 140	#FEB78C
50.0%	50.0% #FEBB95	RGB 254 187 149	#FEBB95
66.7%	66.7% #FDBF9E	RGB 253 191 158	#FDBF9E
83.3%	83.3% #FDC3A7	RGB 253 195 167	#FDC3A7
100.0%	100.0% #FDC7B0	RGB 253 199 176	#FDC7B0

#FFAF7A #FEB383 #FEB78C #FEBB95 #FDBF9E #FDC3A7 #FDC7B0

#FFAF7A - #FDC7B0

HSV Blend

#FFAF7A - #FDC7B0 | 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 #FFAF7A as 0% and #FDC7B0 as 100%.

0.0%	0.0% #FFAF7A	RGB 255 175 122	#FFAF7A
16.7%	16.7% #FEB283	RGB 254 178 131	#FEB283
33.3%	33.3% #FEB58C	RGB 254 181 140	#FEB58C
50.0%	50.0% #FEB995	RGB 254 185 149	#FEB995
66.7%	66.7% #FDBD9E	RGB 253 189 158	#FDBD9E
83.3%	83.3% #FDC2A7	RGB 253 194 167	#FDC2A7
100.0%	100.0% #FDC7B0	RGB 253 199 176	#FDC7B0

#FFAF7A #FEB283 #FEB58C #FEB995 #FDBD9E #FDC2A7 #FDC7B0

#FFAF7A - #FEB995 - #FDC7B0

CSS codes

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

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