#AA6961 - #E6D4D1 | 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 #AA6961 to #E6D4D1

#AA6961 #E6D4D1

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

#AA6961 - #E6D4D1 | 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 #AA6961 as 0% and #E6D4D1 as 100%.

0.0%	0.0% #AA6961	RGB 170 105 97	#AA6961
16.7%	16.7% #B47A73	RGB 180 122 115	#B47A73
33.3%	33.3% #BE8C86	RGB 190 140 134	#BE8C86
50.0%	50.0% #C89E99	RGB 200 158 153	#C89E99
66.7%	66.7% #D2B0AB	RGB 210 176 171	#D2B0AB
83.3%	83.3% #DCC2BE	RGB 220 194 190	#DCC2BE
100.0%	100.0% #E6D4D1	RGB 230 212 209	#E6D4D1

#AA6961 #B47A73 #BE8C86 #C89E99 #D2B0AB #DCC2BE #E6D4D1

#AA6961 - #E6D4D1

HSV Blend

#AA6961 - #E6D4D1 | 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 #AA6961 as 0% and #E6D4D1 as 100%.

0.0%	0.0% #AA6961	RGB 170 105 97	#AA6961
16.7%	16.7% #B47870	RGB 180 120 112	#B47870
33.3%	33.3% #BE8981	RGB 190 137 129	#BE8981
50.0%	50.0% #C89A93	RGB 200 154 147	#C89A93
66.7%	66.7% #D2ACA7	RGB 210 172 167	#D2ACA7
83.3%	83.3% #DCBFBB	RGB 220 191 187	#DCBFBB
100.0%	100.0% #E6D4D1	RGB 230 212 209	#E6D4D1

#AA6961 #B47870 #BE8981 #C89A93 #D2ACA7 #DCBFBB #E6D4D1

#AA6961 - #C89A93 - #E6D4D1

CSS codes

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

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