#C6B8C7 - #8F638B | 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 #C6B8C7 to #8F638B

#C6B8C7 #8F638B

Calculate the color between two colors, #C6B8C7 and #8F638B. 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)

#C6B8C7 - #8F638B | 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 #C6B8C7 as 0% and #8F638B as 100%.

0.0%	0.0% #C6B8C7	RGB 198 184 199	#C6B8C7
16.7%	16.7% #BCA9BD	RGB 188 169 189	#BCA9BD
33.3%	33.3% #B39BB3	RGB 179 155 179	#B39BB3
50.0%	50.0% #AA8DA9	RGB 170 141 169	#AA8DA9
66.7%	66.7% #A17F9F	RGB 161 127 159	#A17F9F
83.3%	83.3% #987195	RGB 152 113 149	#987195
100.0%	100.0% #8F638B	RGB 143 99 139	#8F638B

#C6B8C7 #BCA9BD #B39BB3 #AA8DA9 #A17F9F #987195 #8F638B

#C6B8C7 - #8F638B

HSV Blend

#C6B8C7 - #8F638B | 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 #C6B8C7 as 0% and #8F638B as 100%.

0.0%	0.0% #C6B8C7	RGB 198 184 199	#C6B8C7
16.7%	16.7% #BCA8BD	RGB 188 168 189	#BCA8BD
33.3%	33.3% #B398B4	RGB 179 152 180	#B398B4
50.0%	50.0% #AB8AAA	RGB 171 138 170	#AB8AAA
66.7%	66.7% #A17CA0	RGB 161 124 160	#A17CA0
83.3%	83.3% #986F95	RGB 152 111 149	#986F95
100.0%	100.0% #8F638B	RGB 143 99 139	#8F638B

#C6B8C7 #BCA8BD #B398B4 #AB8AAA #A17CA0 #986F95 #8F638B

#C6B8C7 - #AB8AAA - #8F638B

CSS codes

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

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