#AA8C8C - #FED3AE | 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 #AA8C8C to #FED3AE

#AA8C8C #FED3AE

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

#AA8C8C - #FED3AE | 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 #AA8C8C as 0% and #FED3AE as 100%.

0.0%	0.0% #AA8C8C	RGB 170 140 140	#AA8C8C
16.7%	16.7% #B89791	RGB 184 151 145	#B89791
33.3%	33.3% #C6A397	RGB 198 163 151	#C6A397
50.0%	50.0% #D4AF9D	RGB 212 175 157	#D4AF9D
66.7%	66.7% #E2BBA2	RGB 226 187 162	#E2BBA2
83.3%	83.3% #F0C7A8	RGB 240 199 168	#F0C7A8
100.0%	100.0% #FED3AE	RGB 254 211 174	#FED3AE

#AA8C8C #B89791 #C6A397 #D4AF9D #E2BBA2 #F0C7A8 #FED3AE

#AA8C8C - #FED3AE

HSV Blend

#AA8C8C - #FED3AE | 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 #AA8C8C as 0% and #FED3AE as 100%.

0.0%	0.0% #AA8C8C	RGB 170 140 140	#AA8C8C
16.7%	16.7% #B89693	RGB 184 150 147	#B89693
33.3%	33.3% #C6A099	RGB 198 160 153	#C6A099
50.0%	50.0% #D4AB9F	RGB 212 171 159	#D4AB9F
66.7%	66.7% #E2B7A5	RGB 226 183 165	#E2B7A5
83.3%	83.3% #F0C4A9	RGB 240 196 169	#F0C4A9
100.0%	100.0% #FED3AE	RGB 254 211 174	#FED3AE

#AA8C8C #B89693 #C6A099 #D4AB9F #E2B7A5 #F0C4A9 #FED3AE

#AA8C8C - #D4AB9F - #FED3AE

CSS codes

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

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