#C7B7B1 - #AF7B5C | 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 #C7B7B1 to #AF7B5C

#C7B7B1 #AF7B5C

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

#C7B7B1 - #AF7B5C | 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 #C7B7B1 as 0% and #AF7B5C as 100%.

0.0%	0.0% #C7B7B1	RGB 199 183 177	#C7B7B1
16.7%	16.7% #C3ADA2	RGB 195 173 162	#C3ADA2
33.3%	33.3% #BFA394	RGB 191 163 148	#BFA394
50.0%	50.0% #BB9986	RGB 187 153 134	#BB9986
66.7%	66.7% #B78F78	RGB 183 143 120	#B78F78
83.3%	83.3% #B3856A	RGB 179 133 106	#B3856A
100.0%	100.0% #AF7B5C	RGB 175 123 92	#AF7B5C

#C7B7B1 #C3ADA2 #BFA394 #BB9986 #B78F78 #B3856A #AF7B5C

#C7B7B1 - #AF7B5C

HSV Blend

#C7B7B1 - #AF7B5C | 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 #C7B7B1 as 0% and #AF7B5C as 100%.

0.0%	0.0% #C7B7B1	RGB 199 183 177	#C7B7B1
16.7%	16.7% #C3ABA1	RGB 195 171 161	#C3ABA1
33.3%	33.3% #BFA092	RGB 191 160 146	#BFA092
50.0%	50.0% #BB9584	RGB 187 149 132	#BB9584
66.7%	66.7% #B78C76	RGB 183 140 118	#B78C76
83.3%	83.3% #B38368	RGB 179 131 104	#B38368
100.0%	100.0% #AF7B5C	RGB 175 123 92	#AF7B5C

#C7B7B1 #C3ABA1 #BFA092 #BB9584 #B78C76 #B38368 #AF7B5C

#C7B7B1 - #BB9584 - #AF7B5C

CSS codes

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

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