#C8A1A1 - #AF524B | 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 #C8A1A1 to #AF524B

#C8A1A1 #AF524B

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

#C8A1A1 - #AF524B | 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 #C8A1A1 as 0% and #AF524B as 100%.

0.0%	0.0% #C8A1A1	RGB 200 161 161	#C8A1A1
16.7%	16.7% #C39392	RGB 195 147 146	#C39392
33.3%	33.3% #BF8684	RGB 191 134 132	#BF8684
50.0%	50.0% #BB7976	RGB 187 121 118	#BB7976
66.7%	66.7% #B76C67	RGB 183 108 103	#B76C67
83.3%	83.3% #B35F59	RGB 179 95 89	#B35F59
100.0%	100.0% #AF524B	RGB 175 82 75	#AF524B

#C8A1A1 #C39392 #BF8684 #BB7976 #B76C67 #B35F59 #AF524B

#C8A1A1 - #AF524B

HSV Blend

#C8A1A1 - #AF524B | 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 #C8A1A1 as 0% and #AF524B as 100%.

0.0%	0.0% #C8A1A1	RGB 200 161 161	#C8A1A1
16.7%	16.7% #C39191	RGB 195 145 145	#C39191
33.3%	33.3% #BF8382	RGB 191 131 130	#BF8382
50.0%	50.0% #BB7673	RGB 187 118 115	#BB7673
66.7%	66.7% #B76965	RGB 183 105 101	#B76965
83.3%	83.3% #B35D58	RGB 179 93 88	#B35D58
100.0%	100.0% #AF524B	RGB 175 82 75	#AF524B

#C8A1A1 #C39191 #BF8382 #BB7673 #B76965 #B35D58 #AF524B

#C8A1A1 - #BB7673 - #AF524B

CSS codes

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

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