#AA8A8B - #FFCC9F | 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 #AA8A8B to #FFCC9F

#AA8A8B #FFCC9F

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

#AA8A8B - #FFCC9F | 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 #AA8A8B as 0% and #FFCC9F as 100%.

0.0%	0.0% #AA8A8B	RGB 170 138 139	#AA8A8B
16.7%	16.7% #B8958E	RGB 184 149 142	#B8958E
33.3%	33.3% #C6A091	RGB 198 160 145	#C6A091
50.0%	50.0% #D4AB95	RGB 212 171 149	#D4AB95
66.7%	66.7% #E2B698	RGB 226 182 152	#E2B698
83.3%	83.3% #F0C19B	RGB 240 193 155	#F0C19B
100.0%	100.0% #FFCC9F	RGB 255 204 159	#FFCC9F

#AA8A8B #B8958E #C6A091 #D4AB95 #E2B698 #F0C19B #FFCC9F

#AA8A8B - #FFCC9F

HSV Blend

#AA8A8B - #FFCC9F | 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 #AA8A8B as 0% and #FFCC9F as 100%.

0.0%	0.0% #AA8A8B	RGB 170 138 139	#AA8A8B
16.7%	16.7% #B8918F	RGB 184 145 143	#B8918F
33.3%	33.3% #C69B94	RGB 198 155 148	#C69B94
50.0%	50.0% #D4A598	RGB 212 165 152	#D4A598
66.7%	66.7% #E2B19B	RGB 226 177 155	#E2B19B
83.3%	83.3% #F0BD9D	RGB 240 189 157	#F0BD9D
100.0%	100.0% #FFCC9F	RGB 255 204 159	#FFCC9F

#AA8A8B #B8918F #C69B94 #D4A598 #E2B19B #F0BD9D #FFCC9F

#AA8A8B - #D4A598 - #FFCC9F

CSS codes

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

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