#AA664D - #E6D3CC | 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 #AA664D to #E6D3CC

#AA664D #E6D3CC

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

#AA664D - #E6D3CC | 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 #AA664D as 0% and #E6D3CC as 100%.

0.0%	0.0% #AA664D	RGB 170 102 77	#AA664D
16.7%	16.7% #B47862	RGB 180 120 98	#B47862
33.3%	33.3% #BE8A77	RGB 190 138 119	#BE8A77
50.0%	50.0% #C89C8C	RGB 200 156 140	#C89C8C
66.7%	66.7% #D2AEA1	RGB 210 174 161	#D2AEA1
83.3%	83.3% #DCC0B6	RGB 220 192 182	#DCC0B6
100.0%	100.0% #E6D3CC	RGB 230 211 204	#E6D3CC

#AA664D #B47862 #BE8A77 #C89C8C #D2AEA1 #DCC0B6 #E6D3CC

#AA664D - #E6D3CC

HSV Blend

#AA664D - #E6D3CC | 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 #AA664D as 0% and #E6D3CC as 100%.

0.0%	0.0% #AA664D	RGB 170 102 77	#AA664D
16.7%	16.7% #B4755E	RGB 180 117 94	#B4755E
33.3%	33.3% #BE8671	RGB 190 134 113	#BE8671
50.0%	50.0% #C89785	RGB 200 151 133	#C89785
66.7%	66.7% #D2AA9B	RGB 210 170 155	#D2AA9B
83.3%	83.3% #DCBEB3	RGB 220 190 179	#DCBEB3
100.0%	100.0% #E6D3CC	RGB 230 211 204	#E6D3CC

#AA664D #B4755E #BE8671 #C89785 #D2AA9B #DCBEB3 #E6D3CC

#AA664D - #C89785 - #E6D3CC

CSS codes

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

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