#AF5A6B - #FBA880 | 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 #AF5A6B to #FBA880

#AF5A6B #FBA880

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

#AF5A6B - #FBA880 | 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 #AF5A6B as 0% and #FBA880 as 100%.

0.0%	0.0% #AF5A6B	RGB 175 90 107	#AF5A6B
16.7%	16.7% #BB676E	RGB 187 103 110	#BB676E
33.3%	33.3% #C87472	RGB 200 116 114	#C87472
50.0%	50.0% #D58175	RGB 213 129 117	#D58175
66.7%	66.7% #E18E79	RGB 225 142 121	#E18E79
83.3%	83.3% #EE9B7C	RGB 238 155 124	#EE9B7C
100.0%	100.0% #FBA880	RGB 251 168 128	#FBA880

#AF5A6B #BB676E #C87472 #D58175 #E18E79 #EE9B7C #FBA880

#AF5A6B - #FBA880

HSV Blend

#AF5A6B - #FBA880 | 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 #AF5A6B as 0% and #FBA880 as 100%.

0.0%	0.0% #AF5A6B	RGB 175 90 107	#AF5A6B
16.7%	16.7% #BB606A	RGB 187 96 106	#BB606A
33.3%	33.3% #C86669	RGB 200 102 105	#C86669
50.0%	50.0% #D5736D	RGB 213 115 109	#D5736D
66.7%	66.7% #E18373	RGB 225 131 115	#E18373
83.3%	83.3% #EE9579	RGB 238 149 121	#EE9579
100.0%	100.0% #FBA880	RGB 251 168 128	#FBA880

#AF5A6B #BB606A #C86669 #D5736D #E18373 #EE9579 #FBA880

#AF5A6B - #D5736D - #FBA880

CSS codes

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

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