#AA8182 - #E6DBDB | 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 #AA8182 to #E6DBDB

#AA8182 #E6DBDB

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

#AA8182 - #E6DBDB | 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 #AA8182 as 0% and #E6DBDB as 100%.

0.0%	0.0% #AA8182	RGB 170 129 130	#AA8182
16.7%	16.7% #B49090	RGB 180 144 144	#B49090
33.3%	33.3% #BE9F9F	RGB 190 159 159	#BE9F9F
50.0%	50.0% #C8AEAE	RGB 200 174 174	#C8AEAE
66.7%	66.7% #D2BDBD	RGB 210 189 189	#D2BDBD
83.3%	83.3% #DCCCCC	RGB 220 204 204	#DCCCCC
100.0%	100.0% #E6DBDB	RGB 230 219 219	#E6DBDB

#AA8182 #B49090 #BE9F9F #C8AEAE #D2BDBD #DCCCCC #E6DBDB

#AA8182 - #E6DBDB

HSV Blend

#AA8182 - #E6DBDB | 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 #AA8182 as 0% and #E6DBDB as 100%.

0.0%	0.0% #AA8182	RGB 170 129 130	#AA8182
16.7%	16.7% #B48E8F	RGB 180 142 143	#B48E8F
33.3%	33.3% #BE9C9C	RGB 190 156 156	#BE9C9C
50.0%	50.0% #C8ABAB	RGB 200 171 171	#C8ABAB
66.7%	66.7% #D2BABA	RGB 210 186 186	#D2BABA
83.3%	83.3% #DCCACA	RGB 220 202 202	#DCCACA
100.0%	100.0% #E6DBDB	RGB 230 219 219	#E6DBDB

#AA8182 #B48E8F #BE9C9C #C8ABAB #D2BABA #DCCACA #E6DBDB

#AA8182 - #C8ABAB - #E6DBDB

CSS codes

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

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