#AA6161 - #F8B082 | 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 #AA6161 to #F8B082

#AA6161 #F8B082

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

#AA6161 - #F8B082 | 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 #AA6161 as 0% and #F8B082 as 100%.

0.0%	0.0% #AA6161	RGB 170 97 97	#AA6161
16.7%	16.7% #B76E66	RGB 183 110 102	#B76E66
33.3%	33.3% #C47B6C	RGB 196 123 108	#C47B6C
50.0%	50.0% #D18871	RGB 209 136 113	#D18871
66.7%	66.7% #DE9577	RGB 222 149 119	#DE9577
83.3%	83.3% #EBA27C	RGB 235 162 124	#EBA27C
100.0%	100.0% #F8B082	RGB 248 176 130	#F8B082

#AA6161 #B76E66 #C47B6C #D18871 #DE9577 #EBA27C #F8B082

#AA6161 - #F8B082

HSV Blend

#AA6161 - #F8B082 | 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 #AA6161 as 0% and #F8B082 as 100%.

0.0%	0.0% #AA6161	RGB 170 97 97	#AA6161
16.7%	16.7% #B76C67	RGB 183 108 103	#B76C67
33.3%	33.3% #C4786C	RGB 196 120 108	#C4786C
50.0%	50.0% #D18472	RGB 209 132 114	#D18472
66.7%	66.7% #DE9277	RGB 222 146 119	#DE9277
83.3%	83.3% #EBA07D	RGB 235 160 125	#EBA07D
100.0%	100.0% #F8B082	RGB 248 176 130	#F8B082

#AA6161 #B76C67 #C4786C #D18472 #DE9277 #EBA07D #F8B082

#AA6161 - #D18472 - #F8B082

CSS codes

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

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