#AA4D5E - #F99971 | 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 #AA4D5E to #F99971

#AA4D5E #F99971

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

#AA4D5E - #F99971 | 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 #AA4D5E as 0% and #F99971 as 100%.

0.0%	0.0% #AA4D5E	RGB 170 77 94	#AA4D5E
16.7%	16.7% #B75961	RGB 183 89 97	#B75961
33.3%	33.3% #C46664	RGB 196 102 100	#C46664
50.0%	50.0% #D17367	RGB 209 115 103	#D17367
66.7%	66.7% #DE7F6A	RGB 222 127 106	#DE7F6A
83.3%	83.3% #EB8C6D	RGB 235 140 109	#EB8C6D
100.0%	100.0% #F99971	RGB 249 153 113	#F99971

#AA4D5E #B75961 #C46664 #D17367 #DE7F6A #EB8C6D #F99971

#AA4D5E - #F99971

HSV Blend

#AA4D5E - #F99971 | 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 #AA4D5E as 0% and #F99971 as 100%.

0.0%	0.0% #AA4D5E	RGB 170 77 94	#AA4D5E
16.7%	16.7% #B7525D	RGB 183 82 93	#B7525D
33.3%	33.3% #C4585B	RGB 196 88 91	#C4585B
50.0%	50.0% #D1655E	RGB 209 101 94	#D1655E
66.7%	66.7% #DE7564	RGB 222 117 100	#DE7564
83.3%	83.3% #EB866A	RGB 235 134 106	#EB866A
100.0%	100.0% #F99971	RGB 249 153 113	#F99971

#AA4D5E #B7525D #C4585B #D1655E #DE7564 #EB866A #F99971

#AA4D5E - #D1655E - #F99971

CSS codes

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

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