#C2A8A2 - #A65E4C | 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 #C2A8A2 to #A65E4C

#C2A8A2 #A65E4C

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

#C2A8A2 - #A65E4C | 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 #C2A8A2 as 0% and #A65E4C as 100%.

0.0%	0.0% #C2A8A2	RGB 194 168 162	#C2A8A2
16.7%	16.7% #BD9B93	RGB 189 155 147	#BD9B93
33.3%	33.3% #B88F85	RGB 184 143 133	#B88F85
50.0%	50.0% #B48377	RGB 180 131 119	#B48377
66.7%	66.7% #AF7668	RGB 175 118 104	#AF7668
83.3%	83.3% #AA6A5A	RGB 170 106 90	#AA6A5A
100.0%	100.0% #A65E4C	RGB 166 94 76	#A65E4C

#C2A8A2 #BD9B93 #B88F85 #B48377 #AF7668 #AA6A5A #A65E4C

#C2A8A2 - #A65E4C

HSV Blend

#C2A8A2 - #A65E4C | 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 #C2A8A2 as 0% and #A65E4C as 100%.

0.0%	0.0% #C2A8A2	RGB 194 168 162	#C2A8A2
16.7%	16.7% #BD9A92	RGB 189 154 146	#BD9A92
33.3%	33.3% #B88D82	RGB 184 141 130	#B88D82
50.0%	50.0% #B48074	RGB 180 128 116	#B48074
66.7%	66.7% #AF7466	RGB 175 116 102	#AF7466
83.3%	83.3% #AA6958	RGB 170 105 88	#AA6958
100.0%	100.0% #A65E4C	RGB 166 94 76	#A65E4C

#C2A8A2 #BD9A92 #B88D82 #B48074 #AF7466 #AA6958 #A65E4C

#C2A8A2 - #B48074 - #A65E4C

CSS codes

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

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