#C0AFB9 - #965B8B | 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 #C0AFB9 to #965B8B

#C0AFB9 #965B8B

Calculate the color between two colors, #C0AFB9 and #965B8B. 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)

#C0AFB9 - #965B8B | 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 #C0AFB9 as 0% and #965B8B as 100%.

0.0%	0.0% #C0AFB9	RGB 192 175 185	#C0AFB9
16.7%	16.7% #B9A1B1	RGB 185 161 177	#B9A1B1
33.3%	33.3% #B293A9	RGB 178 147 169	#B293A9
50.0%	50.0% #AB85A2	RGB 171 133 162	#AB85A2
66.7%	66.7% #A4779A	RGB 164 119 154	#A4779A
83.3%	83.3% #9D6992	RGB 157 105 146	#9D6992
100.0%	100.0% #965B8B	RGB 150 91 139	#965B8B

#C0AFB9 #B9A1B1 #B293A9 #AB85A2 #A4779A #9D6992 #965B8B

#C0AFB9 - #965B8B

HSV Blend

#C0AFB9 - #965B8B | 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 #C0AFB9 as 0% and #965B8B as 100%.

0.0%	0.0% #C0AFB9	RGB 192 175 185	#C0AFB9
16.7%	16.7% #B99FAF	RGB 185 159 175	#B99FAF
33.3%	33.3% #B290A6	RGB 178 144 166	#B290A6
50.0%	50.0% #AB819E	RGB 171 129 158	#AB819E
66.7%	66.7% #A47497	RGB 164 116 151	#A47497
83.3%	83.3% #9D6790	RGB 157 103 144	#9D6790
100.0%	100.0% #965B8B	RGB 150 91 139	#965B8B

#C0AFB9 #B99FAF #B290A6 #AB819E #A47497 #9D6790 #965B8B

#C0AFB9 - #AB819E - #965B8B

CSS codes

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

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