#C0AFAC - #89625B | 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 #C0AFAC to #89625B

#C0AFAC #89625B

Calculate the color between two colors, #C0AFAC and #89625B. 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)

#C0AFAC - #89625B | 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 #C0AFAC as 0% and #89625B as 100%.

0.0%	0.0% #C0AFAC	RGB 192 175 172	#C0AFAC
16.7%	16.7% #B6A29E	RGB 182 162 158	#B6A29E
33.3%	33.3% #AD9591	RGB 173 149 145	#AD9591
50.0%	50.0% #A48883	RGB 164 136 131	#A48883
66.7%	66.7% #9B7B76	RGB 155 123 118	#9B7B76
83.3%	83.3% #926E68	RGB 146 110 104	#926E68
100.0%	100.0% #89625B	RGB 137 98 91	#89625B

#C0AFAC #B6A29E #AD9591 #A48883 #9B7B76 #926E68 #89625B

#C0AFAC - #89625B

HSV Blend

#C0AFAC - #89625B | 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 #C0AFAC as 0% and #89625B as 100%.

0.0%	0.0% #C0AFAC	RGB 192 175 172	#C0AFAC
16.7%	16.7% #B6A09C	RGB 182 160 156	#B6A09C
33.3%	33.3% #AD928E	RGB 173 146 142	#AD928E
50.0%	50.0% #A48580	RGB 164 133 128	#A48580
66.7%	66.7% #9B7973	RGB 155 121 115	#9B7973
83.3%	83.3% #926D66	RGB 146 109 102	#926D66
100.0%	100.0% #89625B	RGB 137 98 91	#89625B

#C0AFAC #B6A09C #AD928E #A48580 #9B7973 #926D66 #89625B

#C0AFAC - #A48580 - #89625B

CSS codes

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

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