#AA7C7E - #FEAF9C | 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 #AA7C7E to #FEAF9C

#AA7C7E #FEAF9C

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

#AA7C7E - #FEAF9C | 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 #AA7C7E as 0% and #FEAF9C as 100%.

0.0%	0.0% #AA7C7E	RGB 170 124 126	#AA7C7E
16.7%	16.7% #B88483	RGB 184 132 131	#B88483
33.3%	33.3% #C68D88	RGB 198 141 136	#C68D88
50.0%	50.0% #D4958D	RGB 212 149 141	#D4958D
66.7%	66.7% #E29E92	RGB 226 158 146	#E29E92
83.3%	83.3% #F0A697	RGB 240 166 151	#F0A697
100.0%	100.0% #FEAF9C	RGB 254 175 156	#FEAF9C

#AA7C7E #B88483 #C68D88 #D4958D #E29E92 #F0A697 #FEAF9C

#AA7C7E - #FEAF9C

HSV Blend

#AA7C7E - #FEAF9C | 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 #AA7C7E as 0% and #FEAF9C as 100%.

0.0%	0.0% #AA7C7E	RGB 170 124 126	#AA7C7E
16.7%	16.7% #B88282	RGB 184 130 130	#B88282
33.3%	33.3% #C68A88	RGB 198 138 136	#C68A88
50.0%	50.0% #D4938E	RGB 212 147 142	#D4938E
66.7%	66.7% #E29C93	RGB 226 156 147	#E29C93
83.3%	83.3% #F0A598	RGB 240 165 152	#F0A598
100.0%	100.0% #FEAF9C	RGB 254 175 156	#FEAF9C

#AA7C7E #B88282 #C68A88 #D4938E #E29C93 #F0A598 #FEAF9C

#AA7C7E - #D4938E - #FEAF9C

CSS codes

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

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