#C8AAA6 - #AE5E50 | 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 #C8AAA6 to #AE5E50

#C8AAA6 #AE5E50

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

#C8AAA6 - #AE5E50 | 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 #C8AAA6 as 0% and #AE5E50 as 100%.

0.0%	0.0% #C8AAA6	RGB 200 170 166	#C8AAA6
16.7%	16.7% #C39D97	RGB 195 157 151	#C39D97
33.3%	33.3% #BF9089	RGB 191 144 137	#BF9089
50.0%	50.0% #BB847B	RGB 187 132 123	#BB847B
66.7%	66.7% #B6776C	RGB 182 119 108	#B6776C
83.3%	83.3% #B26A5E	RGB 178 106 94	#B26A5E
100.0%	100.0% #AE5E50	RGB 174 94 80	#AE5E50

#C8AAA6 #C39D97 #BF9089 #BB847B #B6776C #B26A5E #AE5E50

#C8AAA6 - #AE5E50

HSV Blend

#C8AAA6 - #AE5E50 | 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 #C8AAA6 as 0% and #AE5E50 as 100%.

0.0%	0.0% #C8AAA6	RGB 200 170 166	#C8AAA6
16.7%	16.7% #C39B96	RGB 195 155 150	#C39B96
33.3%	33.3% #BF8E87	RGB 191 142 135	#BF8E87
50.0%	50.0% #BB8178	RGB 187 129 120	#BB8178
66.7%	66.7% #B6756A	RGB 182 117 106	#B6756A
83.3%	83.3% #B2695C	RGB 178 105 92	#B2695C
100.0%	100.0% #AE5E50	RGB 174 94 80	#AE5E50

#C8AAA6 #C39B96 #BF8E87 #BB8178 #B6756A #B2695C #AE5E50

#C8AAA6 - #BB8178 - #AE5E50

CSS codes

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

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