#C6B9C5 - #A05B7B | 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 #C6B9C5 to #A05B7B

#C6B9C5 #A05B7B

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

#C6B9C5 - #A05B7B | 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 #C6B9C5 as 0% and #A05B7B as 100%.

0.0%	0.0% #C6B9C5	RGB 198 185 197	#C6B9C5
16.7%	16.7% #BFA9B8	RGB 191 169 184	#BFA9B8
33.3%	33.3% #B999AC	RGB 185 153 172	#B999AC
50.0%	50.0% #B38AA0	RGB 179 138 160	#B38AA0
66.7%	66.7% #AC7A93	RGB 172 122 147	#AC7A93
83.3%	83.3% #A66A87	RGB 166 106 135	#A66A87
100.0%	100.0% #A05B7B	RGB 160 91 123	#A05B7B

#C6B9C5 #BFA9B8 #B999AC #B38AA0 #AC7A93 #A66A87 #A05B7B

#C6B9C5 - #A05B7B

HSV Blend

#C6B9C5 - #A05B7B | 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 #C6B9C5 as 0% and #A05B7B as 100%.

0.0%	0.0% #C6B9C5	RGB 198 185 197	#C6B9C5
16.7%	16.7% #BFA7BB	RGB 191 167 187	#BFA7BB
33.3%	33.3% #B996B1	RGB 185 150 177	#B996B1
50.0%	50.0% #B386A5	RGB 179 134 165	#B386A5
66.7%	66.7% #AC7798	RGB 172 119 152	#AC7798
83.3%	83.3% #A6688A	RGB 166 104 138	#A6688A
100.0%	100.0% #A05B7B	RGB 160 91 123	#A05B7B

#C6B9C5 #BFA7BB #B996B1 #B386A5 #AC7798 #A6688A #A05B7B

#C6B9C5 - #B386A5 - #A05B7B

CSS codes

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

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