#C9A8AF - #945361 | 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 #C9A8AF to #945361

#C9A8AF #945361

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

#C9A8AF - #945361 | 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 #C9A8AF as 0% and #945361 as 100%.

0.0%	0.0% #C9A8AF	RGB 201 168 175	#C9A8AF
16.7%	16.7% #C099A2	RGB 192 153 162	#C099A2
33.3%	33.3% #B78B95	RGB 183 139 149	#B78B95
50.0%	50.0% #AE7D88	RGB 174 125 136	#AE7D88
66.7%	66.7% #A56F7B	RGB 165 111 123	#A56F7B
83.3%	83.3% #9C616E	RGB 156 97 110	#9C616E
100.0%	100.0% #945361	RGB 148 83 97	#945361

#C9A8AF #C099A2 #B78B95 #AE7D88 #A56F7B #9C616E #945361

#C9A8AF - #945361

HSV Blend

#C9A8AF - #945361 | 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 #C9A8AF as 0% and #945361 as 100%.

0.0%	0.0% #C9A8AF	RGB 201 168 175	#C9A8AF
16.7%	16.7% #C097A0	RGB 192 151 160	#C097A0
33.3%	33.3% #B78892	RGB 183 136 146	#B78892
50.0%	50.0% #AE7985	RGB 174 121 133	#AE7985
66.7%	66.7% #A56C78	RGB 165 108 120	#A56C78
83.3%	83.3% #9C5F6C	RGB 156 95 108	#9C5F6C
100.0%	100.0% #945361	RGB 148 83 97	#945361

#C9A8AF #C097A0 #B78892 #AE7985 #A56C78 #9C5F6C #945361

#C9A8AF - #AE7985 - #945361

CSS codes

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

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