#C7C0B9 - #A57E65 | 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 #C7C0B9 to #A57E65

#C7C0B9 #A57E65

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

#C7C0B9 - #A57E65 | 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 #C7C0B9 as 0% and #A57E65 as 100%.

0.0%	0.0% #C7C0B9	RGB 199 192 185	#C7C0B9
16.7%	16.7% #C1B5AB	RGB 193 181 171	#C1B5AB
33.3%	33.3% #BBAA9D	RGB 187 170 157	#BBAA9D
50.0%	50.0% #B69F8F	RGB 182 159 143	#B69F8F
66.7%	66.7% #B09481	RGB 176 148 129	#B09481
83.3%	83.3% #AA8973	RGB 170 137 115	#AA8973
100.0%	100.0% #A57E65	RGB 165 126 101	#A57E65

#C7C0B9 #C1B5AB #BBAA9D #B69F8F #B09481 #AA8973 #A57E65

#C7C0B9 - #A57E65

HSV Blend

#C7C0B9 - #A57E65 | 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 #C7C0B9 as 0% and #A57E65 as 100%.

0.0%	0.0% #C7C0B9	RGB 199 192 185	#C7C0B9
16.7%	16.7% #C1B4A9	RGB 193 180 169	#C1B4A9
33.3%	33.3% #BBA99A	RGB 187 169 154	#BBA99A
50.0%	50.0% #B69E8C	RGB 182 158 140	#B69E8C
66.7%	66.7% #B0937E	RGB 176 147 126	#B0937E
83.3%	83.3% #AA8871	RGB 170 136 113	#AA8871
100.0%	100.0% #A57E65	RGB 165 126 101	#A57E65

#C7C0B9 #C1B4A9 #BBA99A #B69E8C #B0937E #AA8871 #A57E65

#C7C0B9 - #B69E8C - #A57E65

CSS codes

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

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