#AF5A5E - #FCA470 | 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 #AF5A5E to #FCA470

#AF5A5E #FCA470

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

#AF5A5E - #FCA470 | 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 #AF5A5E as 0% and #FCA470 as 100%.

0.0%	0.0% #AF5A5E	RGB 175 90 94	#AF5A5E
16.7%	16.7% #BB6661	RGB 187 102 97	#BB6661
33.3%	33.3% #C87264	RGB 200 114 100	#C87264
50.0%	50.0% #D57F67	RGB 213 127 103	#D57F67
66.7%	66.7% #E28B6A	RGB 226 139 106	#E28B6A
83.3%	83.3% #EF976D	RGB 239 151 109	#EF976D
100.0%	100.0% #FCA470	RGB 252 164 112	#FCA470

#AF5A5E #BB6661 #C87264 #D57F67 #E28B6A #EF976D #FCA470

#AF5A5E - #FCA470

HSV Blend

#AF5A5E - #FCA470 | 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 #AF5A5E as 0% and #FCA470 as 100%.

0.0%	0.0% #AF5A5E	RGB 175 90 94	#AF5A5E
16.7%	16.7% #BB605E	RGB 187 96 94	#BB605E
33.3%	33.3% #C86B62	RGB 200 107 98	#C86B62
50.0%	50.0% #D57866	RGB 213 120 102	#D57866
66.7%	66.7% #E28569	RGB 226 133 105	#E28569
83.3%	83.3% #EF946D	RGB 239 148 109	#EF946D
100.0%	100.0% #FCA470	RGB 252 164 112	#FCA470

#AF5A5E #BB605E #C86B62 #D57866 #E28569 #EF946D #FCA470

#AF5A5E - #D57866 - #FCA470

CSS codes

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

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