#C2B2B2 - #AA655D | 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 #C2B2B2 to #AA655D

#C2B2B2 #AA655D

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

#C2B2B2 - #AA655D | 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 #C2B2B2 as 0% and #AA655D as 100%.

0.0%	0.0% #C2B2B2	RGB 194 178 178	#C2B2B2
16.7%	16.7% #BEA5A3	RGB 190 165 163	#BEA5A3
33.3%	33.3% #BA9895	RGB 186 152 149	#BA9895
50.0%	50.0% #B68B87	RGB 182 139 135	#B68B87
66.7%	66.7% #B27E79	RGB 178 126 121	#B27E79
83.3%	83.3% #AE716B	RGB 174 113 107	#AE716B
100.0%	100.0% #AA655D	RGB 170 101 93	#AA655D

#C2B2B2 #BEA5A3 #BA9895 #B68B87 #B27E79 #AE716B #AA655D

#C2B2B2 - #AA655D

HSV Blend

#C2B2B2 - #AA655D | 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 #C2B2B2 as 0% and #AA655D as 100%.

0.0%	0.0% #C2B2B2	RGB 194 178 178	#C2B2B2
16.7%	16.7% #BEA3A2	RGB 190 163 162	#BEA3A2
33.3%	33.3% #BA9593	RGB 186 149 147	#BA9593
50.0%	50.0% #B68785	RGB 182 135 133	#B68785
66.7%	66.7% #B27B77	RGB 178 123 119	#B27B77
83.3%	83.3% #AE6F69	RGB 174 111 105	#AE6F69
100.0%	100.0% #AA655D	RGB 170 101 93	#AA655D

#C2B2B2 #BEA3A2 #BA9593 #B68785 #B27B77 #AE6F69 #AA655D

#C2B2B2 - #B68785 - #AA655D

CSS codes

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

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