#C9C7CC - #936A8A | 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 #C9C7CC to #936A8A

#C9C7CC #936A8A

Calculate the color between two colors, #C9C7CC and #936A8A. 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)

#C9C7CC - #936A8A | 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 #C9C7CC as 0% and #936A8A as 100%.

0.0%	0.0% #C9C7CC	RGB 201 199 204	#C9C7CC
16.7%	16.7% #C0B7C1	RGB 192 183 193	#C0B7C1
33.3%	33.3% #B7A8B6	RGB 183 168 182	#B7A8B6
50.0%	50.0% #AE98AB	RGB 174 152 171	#AE98AB
66.7%	66.7% #A589A0	RGB 165 137 160	#A589A0
83.3%	83.3% #9C7995	RGB 156 121 149	#9C7995
100.0%	100.0% #936A8A	RGB 147 106 138	#936A8A

#C9C7CC #C0B7C1 #B7A8B6 #AE98AB #A589A0 #9C7995 #936A8A

#C9C7CC - #936A8A

HSV Blend

#C9C7CC - #936A8A | 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 #C9C7CC as 0% and #936A8A as 100%.

0.0%	0.0% #C9C7CC	RGB 201 199 204	#C9C7CC
16.7%	16.7% #BCB5C2	RGB 188 181 194	#BCB5C2
33.3%	33.3% #B2A4B9	RGB 178 164 185	#B2A4B9
50.0%	50.0% #AA94AF	RGB 170 148 175	#AA94AF
66.7%	66.7% #A485A6	RGB 164 133 166	#A485A6
83.3%	83.3% #9C7799	RGB 156 119 153	#9C7799
100.0%	100.0% #936A8A	RGB 147 106 138	#936A8A

#C9C7CC #BCB5C2 #B2A4B9 #AA94AF #A485A6 #9C7799 #936A8A

#C9C7CC - #AA94AF - #936A8A

CSS codes

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

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