#C0BAB2 - #A8925D | 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 #C0BAB2 to #A8925D

#C0BAB2 #A8925D

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

#C0BAB2 - #A8925D | 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 #C0BAB2 as 0% and #A8925D as 100%.

0.0%	0.0% #C0BAB2	RGB 192 186 178	#C0BAB2
16.7%	16.7% #BCB3A3	RGB 188 179 163	#BCB3A3
33.3%	33.3% #B8AC95	RGB 184 172 149	#B8AC95
50.0%	50.0% #B4A687	RGB 180 166 135	#B4A687
66.7%	66.7% #B09F79	RGB 176 159 121	#B09F79
83.3%	83.3% #AC986B	RGB 172 152 107	#AC986B
100.0%	100.0% #A8925D	RGB 168 146 93	#A8925D

#C0BAB2 #BCB3A3 #B8AC95 #B4A687 #B09F79 #AC986B #A8925D

#C0BAB2 - #A8925D

HSV Blend

#C0BAB2 - #A8925D | 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 #C0BAB2 as 0% and #A8925D as 100%.

0.0%	0.0% #C0BAB2	RGB 192 186 178	#C0BAB2
16.7%	16.7% #BCB1A2	RGB 188 177 162	#BCB1A2
33.3%	33.3% #B8AA93	RGB 184 170 147	#B8AA93
50.0%	50.0% #B4A385	RGB 180 163 133	#B4A385
66.7%	66.7% #B09C77	RGB 176 156 119	#B09C77
83.3%	83.3% #AC9769	RGB 172 151 105	#AC9769
100.0%	100.0% #A8925D	RGB 168 146 93	#A8925D

#C0BAB2 #BCB1A2 #B8AA93 #B4A385 #B09C77 #AC9769 #A8925D

#C0BAB2 - #B4A385 - #A8925D

CSS codes

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

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