#C8AAA7 - #AE5D51 | 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 #C8AAA7 to #AE5D51

#C8AAA7 #AE5D51

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

#C8AAA7 - #AE5D51 | 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 #C8AAA7 as 0% and #AE5D51 as 100%.

0.0%	0.0% #C8AAA7	RGB 200 170 167	#C8AAA7
16.7%	16.7% #C39D98	RGB 195 157 152	#C39D98
33.3%	33.3% #BF908A	RGB 191 144 138	#BF908A
50.0%	50.0% #BB837C	RGB 187 131 124	#BB837C
66.7%	66.7% #B6766D	RGB 182 118 109	#B6766D
83.3%	83.3% #B2695F	RGB 178 105 95	#B2695F
100.0%	100.0% #AE5D51	RGB 174 93 81	#AE5D51

#C8AAA7 #C39D98 #BF908A #BB837C #B6766D #B2695F #AE5D51

#C8AAA7 - #AE5D51

HSV Blend

#C8AAA7 - #AE5D51 | 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 #C8AAA7 as 0% and #AE5D51 as 100%.

0.0%	0.0% #C8AAA7	RGB 200 170 167	#C8AAA7
16.7%	16.7% #C39B97	RGB 195 155 151	#C39B97
33.3%	33.3% #BF8D88	RGB 191 141 136	#BF8D88
50.0%	50.0% #BB8079	RGB 187 128 121	#BB8079
66.7%	66.7% #B6746B	RGB 182 116 107	#B6746B
83.3%	83.3% #B2685D	RGB 178 104 93	#B2685D
100.0%	100.0% #AE5D51	RGB 174 93 81	#AE5D51

#C8AAA7 #C39B97 #BF8D88 #BB8079 #B6746B #B2685D #AE5D51

#C8AAA7 - #BB8079 - #AE5D51

CSS codes

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

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