#C6B6BC - #956170 | 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 #C6B6BC to #956170

#C6B6BC #956170

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

#C6B6BC - #956170 | 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 #C6B6BC as 0% and #956170 as 100%.

0.0%	0.0% #C6B6BC	RGB 198 182 188	#C6B6BC
16.7%	16.7% #BDA7AF	RGB 189 167 175	#BDA7AF
33.3%	33.3% #B599A2	RGB 181 153 162	#B599A2
50.0%	50.0% #AD8B96	RGB 173 139 150	#AD8B96
66.7%	66.7% #A57D89	RGB 165 125 137	#A57D89
83.3%	83.3% #9D6F7C	RGB 157 111 124	#9D6F7C
100.0%	100.0% #956170	RGB 149 97 112	#956170

#C6B6BC #BDA7AF #B599A2 #AD8B96 #A57D89 #9D6F7C #956170

#C6B6BC - #956170

HSV Blend

#C6B6BC - #956170 | 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 #C6B6BC as 0% and #956170 as 100%.

0.0%	0.0% #C6B6BC	RGB 198 182 188	#C6B6BC
16.7%	16.7% #BDA6AE	RGB 189 166 174	#BDA6AE
33.3%	33.3% #B596A1	RGB 181 150 161	#B596A1
50.0%	50.0% #AD8894	RGB 173 136 148	#AD8894
66.7%	66.7% #A57A88	RGB 165 122 136	#A57A88
83.3%	83.3% #9D6D7B	RGB 157 109 123	#9D6D7B
100.0%	100.0% #956170	RGB 149 97 112	#956170

#C6B6BC #BDA6AE #B596A1 #AD8894 #A57A88 #9D6D7B #956170

#C6B6BC - #AD8894 - #956170

CSS codes

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

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