#C7B9C2 - #A56598 | 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 #C7B9C2 to #A56598

#C7B9C2 #A56598

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

#C7B9C2 - #A56598 | 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 #C7B9C2 as 0% and #A56598 as 100%.

0.0%	0.0% #C7B9C2	RGB 199 185 194	#C7B9C2
16.7%	16.7% #C1ABBB	RGB 193 171 187	#C1ABBB
33.3%	33.3% #BB9DB4	RGB 187 157 180	#BB9DB4
50.0%	50.0% #B68FAD	RGB 182 143 173	#B68FAD
66.7%	66.7% #B081A6	RGB 176 129 166	#B081A6
83.3%	83.3% #AA739F	RGB 170 115 159	#AA739F
100.0%	100.0% #A56598	RGB 165 101 152	#A56598

#C7B9C2 #C1ABBB #BB9DB4 #B68FAD #B081A6 #AA739F #A56598

#C7B9C2 - #A56598

HSV Blend

#C7B9C2 - #A56598 | 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 #C7B9C2 as 0% and #A56598 as 100%.

0.0%	0.0% #C7B9C2	RGB 199 185 194	#C7B9C2
16.7%	16.7% #C1A9B9	RGB 193 169 185	#C1A9B9
33.3%	33.3% #BB9AB1	RGB 187 154 177	#BB9AB1
50.0%	50.0% #B68CAA	RGB 182 140 170	#B68CAA
66.7%	66.7% #B07EA3	RGB 176 126 163	#B07EA3
83.3%	83.3% #AA719D	RGB 170 113 157	#AA719D
100.0%	100.0% #A56598	RGB 165 101 152	#A56598

#C7B9C2 #C1A9B9 #BB9AB1 #B68CAA #B07EA3 #AA719D #A56598

#C7B9C2 - #B68CAA - #A56598

CSS codes

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

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