#C7AFBA - #97576D | 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 #C7AFBA to #97576D

#C7AFBA #97576D

Calculate the color between two colors, #C7AFBA and #97576D. 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)

#C7AFBA - #97576D | 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 #C7AFBA as 0% and #97576D as 100%.

0.0%	0.0% #C7AFBA	RGB 199 175 186	#C7AFBA
16.7%	16.7% #BFA0AD	RGB 191 160 173	#BFA0AD
33.3%	33.3% #B791A0	RGB 183 145 160	#B791A0
50.0%	50.0% #AF8393	RGB 175 131 147	#AF8393
66.7%	66.7% #A77486	RGB 167 116 134	#A77486
83.3%	83.3% #9F6579	RGB 159 101 121	#9F6579
100.0%	100.0% #97576D	RGB 151 87 109	#97576D

#C7AFBA #BFA0AD #B791A0 #AF8393 #A77486 #9F6579 #97576D

#C7AFBA - #97576D

HSV Blend

#C7AFBA - #97576D | 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 #C7AFBA as 0% and #97576D as 100%.

0.0%	0.0% #C7AFBA	RGB 199 175 186	#C7AFBA
16.7%	16.7% #BF9EAC	RGB 191 158 172	#BF9EAC
33.3%	33.3% #B78E9F	RGB 183 142 159	#B78E9F
50.0%	50.0% #AF7F92	RGB 175 127 146	#AF7F92
66.7%	66.7% #A77185	RGB 167 113 133	#A77185
83.3%	83.3% #9F6379	RGB 159 99 121	#9F6379
100.0%	100.0% #97576D	RGB 151 87 109	#97576D

#C7AFBA #BF9EAC #B78E9F #AF7F92 #A77185 #9F6379 #97576D

#C7AFBA - #AF7F92 - #97576D

CSS codes

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

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