#C6B9C0 - #986275 | 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 #C6B9C0 to #986275

#C6B9C0 #986275

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

#C6B9C0 - #986275 | 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 #C6B9C0 as 0% and #986275 as 100%.

0.0%	0.0% #C6B9C0	RGB 198 185 192	#C6B9C0
16.7%	16.7% #BEAAB3	RGB 190 170 179	#BEAAB3
33.3%	33.3% #B69CA7	RGB 182 156 167	#B69CA7
50.0%	50.0% #AF8D9A	RGB 175 141 154	#AF8D9A
66.7%	66.7% #A77F8E	RGB 167 127 142	#A77F8E
83.3%	83.3% #9F7081	RGB 159 112 129	#9F7081
100.0%	100.0% #986275	RGB 152 98 117	#986275

#C6B9C0 #BEAAB3 #B69CA7 #AF8D9A #A77F8E #9F7081 #986275

#C6B9C0 - #986275

HSV Blend

#C6B9C0 - #986275 | 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 #C6B9C0 as 0% and #986275 as 100%.

0.0%	0.0% #C6B9C0	RGB 198 185 192	#C6B9C0
16.7%	16.7% #BEA8B3	RGB 190 168 179	#BEA8B3
33.3%	33.3% #B699A7	RGB 182 153 167	#B699A7
50.0%	50.0% #AF8A9A	RGB 175 138 154	#AF8A9A
66.7%	66.7% #A77C8D	RGB 167 124 141	#A77C8D
83.3%	83.3% #9F6E81	RGB 159 110 129	#9F6E81
100.0%	100.0% #986275	RGB 152 98 117	#986275

#C6B9C0 #BEA8B3 #B699A7 #AF8A9A #A77C8D #9F6E81 #986275

#C6B9C0 - #AF8A9A - #986275

CSS codes

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

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