#C2B2B6 - #AA5D6C | 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 #C2B2B6 to #AA5D6C

#C2B2B6 #AA5D6C

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

#C2B2B6 - #AA5D6C | 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 #C2B2B6 as 0% and #AA5D6C as 100%.

0.0%	0.0% #C2B2B6	RGB 194 178 182	#C2B2B6
16.7%	16.7% #BEA3A9	RGB 190 163 169	#BEA3A9
33.3%	33.3% #BA959D	RGB 186 149 157	#BA959D
50.0%	50.0% #B68791	RGB 182 135 145	#B68791
66.7%	66.7% #B27984	RGB 178 121 132	#B27984
83.3%	83.3% #AE6B78	RGB 174 107 120	#AE6B78
100.0%	100.0% #AA5D6C	RGB 170 93 108	#AA5D6C

#C2B2B6 #BEA3A9 #BA959D #B68791 #B27984 #AE6B78 #AA5D6C

#C2B2B6 - #AA5D6C

HSV Blend

#C2B2B6 - #AA5D6C | 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 #C2B2B6 as 0% and #AA5D6C as 100%.

0.0%	0.0% #C2B2B6	RGB 194 178 182	#C2B2B6
16.7%	16.7% #BEA2A9	RGB 190 162 169	#BEA2A9
33.3%	33.3% #BA939C	RGB 186 147 156	#BA939C
50.0%	50.0% #B68590	RGB 182 133 144	#B68590
66.7%	66.7% #B27783	RGB 178 119 131	#B27783
83.3%	83.3% #AE6977	RGB 174 105 119	#AE6977
100.0%	100.0% #AA5D6C	RGB 170 93 108	#AA5D6C

#C2B2B6 #BEA2A9 #BA939C #B68590 #B27783 #AE6977 #AA5D6C

#C2B2B6 - #B68590 - #AA5D6C

CSS codes

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

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