#C8B5AF - #AC6C5A | 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 #C8B5AF to #AC6C5A

#C8B5AF #AC6C5A

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

#C8B5AF - #AC6C5A | 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 #C8B5AF as 0% and #AC6C5A as 100%.

0.0%	0.0% #C8B5AF	RGB 200 181 175	#C8B5AF
16.7%	16.7% #C3A8A0	RGB 195 168 160	#C3A8A0
33.3%	33.3% #BE9C92	RGB 190 156 146	#BE9C92
50.0%	50.0% #BA9084	RGB 186 144 132	#BA9084
66.7%	66.7% #B58476	RGB 181 132 118	#B58476
83.3%	83.3% #B07868	RGB 176 120 104	#B07868
100.0%	100.0% #AC6C5A	RGB 172 108 90	#AC6C5A

#C8B5AF #C3A8A0 #BE9C92 #BA9084 #B58476 #B07868 #AC6C5A

#C8B5AF - #AC6C5A

HSV Blend

#C8B5AF - #AC6C5A | 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 #C8B5AF as 0% and #AC6C5A as 100%.

0.0%	0.0% #C8B5AF	RGB 200 181 175	#C8B5AF
16.7%	16.7% #C3A79F	RGB 195 167 159	#C3A79F
33.3%	33.3% #BE9B90	RGB 190 155 144	#BE9B90
50.0%	50.0% #BA8E82	RGB 186 142 130	#BA8E82
66.7%	66.7% #B58274	RGB 181 130 116	#B58274
83.3%	83.3% #B07766	RGB 176 119 102	#B07766
100.0%	100.0% #AC6C5A	RGB 172 108 90	#AC6C5A

#C8B5AF #C3A79F #BE9B90 #BA8E82 #B58274 #B07766 #AC6C5A

#C8B5AF - #BA8E82 - #AC6C5A

CSS codes

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

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