#C8BCBF - #AA697E | 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 #C8BCBF to #AA697E

#C8BCBF #AA697E

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

#C8BCBF - #AA697E | 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 #C8BCBF as 0% and #AA697E as 100%.

0.0%	0.0% #C8BCBF	RGB 200 188 191	#C8BCBF
16.7%	16.7% #C3AEB4	RGB 195 174 180	#C3AEB4
33.3%	33.3% #BEA0A9	RGB 190 160 169	#BEA0A9
50.0%	50.0% #B9929E	RGB 185 146 158	#B9929E
66.7%	66.7% #B48493	RGB 180 132 147	#B48493
83.3%	83.3% #AF7688	RGB 175 118 136	#AF7688
100.0%	100.0% #AA697E	RGB 170 105 126	#AA697E

#C8BCBF #C3AEB4 #BEA0A9 #B9929E #B48493 #AF7688 #AA697E

#C8BCBF - #AA697E

HSV Blend

#C8BCBF - #AA697E | 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 #C8BCBF as 0% and #AA697E as 100%.

0.0%	0.0% #C8BCBF	RGB 200 188 191	#C8BCBF
16.7%	16.7% #C3ACB2	RGB 195 172 178	#C3ACB2
33.3%	33.3% #BE9EA6	RGB 190 158 166	#BE9EA6
50.0%	50.0% #B9909B	RGB 185 144 155	#B9909B
66.7%	66.7% #B48291	RGB 180 130 145	#B48291
83.3%	83.3% #AF7587	RGB 175 117 135	#AF7587
100.0%	100.0% #AA697E	RGB 170 105 126	#AA697E

#C8BCBF #C3ACB2 #BE9EA6 #B9909B #B48291 #AF7587 #AA697E

#C8BCBF - #B9909B - #AA697E

CSS codes

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

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