#C2AEA8 - #A56553 | 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 #C2AEA8 to #A56553

#C2AEA8 #A56553

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

#C2AEA8 - #A56553 | 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 #C2AEA8 as 0% and #A56553 as 100%.

0.0%	0.0% #C2AEA8	RGB 194 174 168	#C2AEA8
16.7%	16.7% #BDA199	RGB 189 161 153	#BDA199
33.3%	33.3% #B8958B	RGB 184 149 139	#B8958B
50.0%	50.0% #B3897D	RGB 179 137 125	#B3897D
66.7%	66.7% #AE7D6F	RGB 174 125 111	#AE7D6F
83.3%	83.3% #A97161	RGB 169 113 97	#A97161
100.0%	100.0% #A56553	RGB 165 101 83	#A56553

#C2AEA8 #BDA199 #B8958B #B3897D #AE7D6F #A97161 #A56553

#C2AEA8 - #A56553

HSV Blend

#C2AEA8 - #A56553 | 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 #C2AEA8 as 0% and #A56553 as 100%.

0.0%	0.0% #C2AEA8	RGB 194 174 168	#C2AEA8
16.7%	16.7% #BDA098	RGB 189 160 152	#BDA098
33.3%	33.3% #B89389	RGB 184 147 137	#B89389
50.0%	50.0% #B3877A	RGB 179 135 122	#B3877A
66.7%	66.7% #AE7B6C	RGB 174 123 108	#AE7B6C
83.3%	83.3% #A9705F	RGB 169 112 95	#A9705F
100.0%	100.0% #A56553	RGB 165 101 83	#A56553

#C2AEA8 #BDA098 #B89389 #B3877A #AE7B6C #A9705F #A56553

#C2AEA8 - #B3877A - #A56553

CSS codes

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

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