#AA6161 - #E6D1D1 | 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 #E6D1D1

#AA6161 #E6D1D1

Calculate the color between two colors, #AA6161 and #E6D1D1. 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 - #E6D1D1 | 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 #E6D1D1 as 100%.

0.0%	0.0% #AA6161	RGB 170 97 97	#AA6161
16.7%	16.7% #B47373	RGB 180 115 115	#B47373
33.3%	33.3% #BE8686	RGB 190 134 134	#BE8686
50.0%	50.0% #C89999	RGB 200 153 153	#C89999
66.7%	66.7% #D2ABAB	RGB 210 171 171	#D2ABAB
83.3%	83.3% #DCBEBE	RGB 220 190 190	#DCBEBE
100.0%	100.0% #E6D1D1	RGB 230 209 209	#E6D1D1

#AA6161 #B47373 #BE8686 #C89999 #D2ABAB #DCBEBE #E6D1D1

#AA6161 - #E6D1D1

HSV Blend

#AA6161 - #E6D1D1 | 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 #E6D1D1 as 100%.

0.0%	0.0% #AA6161	RGB 170 97 97	#AA6161
16.7%	16.7% #B47070	RGB 180 112 112	#B47070
33.3%	33.3% #BE8181	RGB 190 129 129	#BE8181
50.0%	50.0% #C89393	RGB 200 147 147	#C89393
66.7%	66.7% #D2A7A7	RGB 210 167 167	#D2A7A7
83.3%	83.3% #DCBBBB	RGB 220 187 187	#DCBBBB
100.0%	100.0% #E6D1D1	RGB 230 209 209	#E6D1D1

#AA6161 #B47070 #BE8181 #C89393 #D2A7A7 #DCBBBB #E6D1D1

#AA6161 - #C89393 - #E6D1D1

CSS codes

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

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