#AA5E5E - #C2B6B6 | 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 #AA5E5E to #C2B6B6

#AA5E5E #C2B6B6

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

#AA5E5E - #C2B6B6 | 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 #AA5E5E as 0% and #C2B6B6 as 100%.

0.0%	0.0% #AA5E5E	RGB 170 94 94	#AA5E5E
16.7%	16.7% #AE6C6C	RGB 174 108 108	#AE6C6C
33.3%	33.3% #B27B7B	RGB 178 123 123	#B27B7B
50.0%	50.0% #B68A8A	RGB 182 138 138	#B68A8A
66.7%	66.7% #BA9898	RGB 186 152 152	#BA9898
83.3%	83.3% #BEA7A7	RGB 190 167 167	#BEA7A7
100.0%	100.0% #C2B6B6	RGB 194 182 182	#C2B6B6

#AA5E5E #AE6C6C #B27B7B #B68A8A #BA9898 #BEA7A7 #C2B6B6

#AA5E5E - #C2B6B6

HSV Blend

#AA5E5E - #C2B6B6 | 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 #AA5E5E as 0% and #C2B6B6 as 100%.

0.0%	0.0% #AA5E5E	RGB 170 94 94	#AA5E5E
16.7%	16.7% #AE6B6B	RGB 174 107 107	#AE6B6B
33.3%	33.3% #B27979	RGB 178 121 121	#B27979
50.0%	50.0% #B68787	RGB 182 135 135	#B68787
66.7%	66.7% #BA9696	RGB 186 150 150	#BA9696
83.3%	83.3% #BEA6A6	RGB 190 166 166	#BEA6A6
100.0%	100.0% #C2B6B6	RGB 194 182 182	#C2B6B6

#AA5E5E #AE6B6B #B27979 #B68787 #BA9696 #BEA6A6 #C2B6B6

#AA5E5E - #B68787 - #C2B6B6

CSS codes

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

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