#C7B9C0 - #986375 | 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 #C7B9C0 to #986375

#C7B9C0 #986375

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

#C7B9C0 - #986375 | 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 #C7B9C0 as 0% and #986375 as 100%.

0.0%	0.0% #C7B9C0	RGB 199 185 192	#C7B9C0
16.7%	16.7% #BFAAB3	RGB 191 170 179	#BFAAB3
33.3%	33.3% #B79CA7	RGB 183 156 167	#B79CA7
50.0%	50.0% #AF8E9A	RGB 175 142 154	#AF8E9A
66.7%	66.7% #A77F8E	RGB 167 127 142	#A77F8E
83.3%	83.3% #9F7181	RGB 159 113 129	#9F7181
100.0%	100.0% #986375	RGB 152 99 117	#986375

#C7B9C0 #BFAAB3 #B79CA7 #AF8E9A #A77F8E #9F7181 #986375

#C7B9C0 - #986375

HSV Blend

#C7B9C0 - #986375 | 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 #C7B9C0 as 0% and #986375 as 100%.

0.0%	0.0% #C7B9C0	RGB 199 185 192	#C7B9C0
16.7%	16.7% #BFA8B3	RGB 191 168 179	#BFA8B3
33.3%	33.3% #B799A6	RGB 183 153 166	#B799A6
50.0%	50.0% #AF8A9A	RGB 175 138 154	#AF8A9A
66.7%	66.7% #A77C8D	RGB 167 124 141	#A77C8D
83.3%	83.3% #9F6F81	RGB 159 111 129	#9F6F81
100.0%	100.0% #986375	RGB 152 99 117	#986375

#C7B9C0 #BFA8B3 #B799A6 #AF8A9A #A77C8D #9F6F81 #986375

#C7B9C0 - #AF8A9A - #986375

CSS codes

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

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