#C7B1A8 - #AF7452 | 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 #C7B1A8 to #AF7452

#C7B1A8 #AF7452

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

#C7B1A8 - #AF7452 | 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 #C7B1A8 as 0% and #AF7452 as 100%.

0.0%	0.0% #C7B1A8	RGB 199 177 168	#C7B1A8
16.7%	16.7% #C3A699	RGB 195 166 153	#C3A699
33.3%	33.3% #BF9C8B	RGB 191 156 139	#BF9C8B
50.0%	50.0% #BB927D	RGB 187 146 125	#BB927D
66.7%	66.7% #B7886E	RGB 183 136 110	#B7886E
83.3%	83.3% #B37E60	RGB 179 126 96	#B37E60
100.0%	100.0% #AF7452	RGB 175 116 82	#AF7452

#C7B1A8 #C3A699 #BF9C8B #BB927D #B7886E #B37E60 #AF7452

#C7B1A8 - #AF7452

HSV Blend

#C7B1A8 - #AF7452 | 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 #C7B1A8 as 0% and #AF7452 as 100%.

0.0%	0.0% #C7B1A8	RGB 199 177 168	#C7B1A8
16.7%	16.7% #C3A598	RGB 195 165 152	#C3A598
33.3%	33.3% #BF9A89	RGB 191 154 137	#BF9A89
50.0%	50.0% #BB8F7A	RGB 187 143 122	#BB8F7A
66.7%	66.7% #B7856C	RGB 183 133 108	#B7856C
83.3%	83.3% #B37C5F	RGB 179 124 95	#B37C5F
100.0%	100.0% #AF7452	RGB 175 116 82	#AF7452

#C7B1A8 #C3A598 #BF9A89 #BB8F7A #B7856C #B37C5F #AF7452

#C7B1A8 - #BB8F7A - #AF7452

CSS codes

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

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