#C7B8B5 - #AC6E61 | 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 #C7B8B5 to #AC6E61

#C7B8B5 #AC6E61

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

#C7B8B5 - #AC6E61 | 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 #C7B8B5 as 0% and #AC6E61 as 100%.

0.0%	0.0% #C7B8B5	RGB 199 184 181	#C7B8B5
16.7%	16.7% #C2ABA7	RGB 194 171 167	#C2ABA7
33.3%	33.3% #BE9F99	RGB 190 159 153	#BE9F99
50.0%	50.0% #B9938B	RGB 185 147 139	#B9938B
66.7%	66.7% #B5867D	RGB 181 134 125	#B5867D
83.3%	83.3% #B07A6F	RGB 176 122 111	#B07A6F
100.0%	100.0% #AC6E61	RGB 172 110 97	#AC6E61

#C7B8B5 #C2ABA7 #BE9F99 #B9938B #B5867D #B07A6F #AC6E61

#C7B8B5 - #AC6E61

HSV Blend

#C7B8B5 - #AC6E61 | 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 #C7B8B5 as 0% and #AC6E61 as 100%.

0.0%	0.0% #C7B8B5	RGB 199 184 181	#C7B8B5
16.7%	16.7% #C2AAA5	RGB 194 170 165	#C2AAA5
33.3%	33.3% #BE9D96	RGB 190 157 150	#BE9D96
50.0%	50.0% #B99088	RGB 185 144 136	#B99088
66.7%	66.7% #B5847A	RGB 181 132 122	#B5847A
83.3%	83.3% #B0796D	RGB 176 121 109	#B0796D
100.0%	100.0% #AC6E61	RGB 172 110 97	#AC6E61

#C7B8B5 #C2AAA5 #BE9D96 #B99088 #B5847A #B0796D #AC6E61

#C7B8B5 - #B99088 - #AC6E61

CSS codes

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

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