#C9A8C2 - #945388 | 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 #C9A8C2 to #945388

#C9A8C2 #945388

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

#C9A8C2 - #945388 | 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 #C9A8C2 as 0% and #945388 as 100%.

0.0%	0.0% #C9A8C2	RGB 201 168 194	#C9A8C2
16.7%	16.7% #C099B8	RGB 192 153 184	#C099B8
33.3%	33.3% #B78BAE	RGB 183 139 174	#B78BAE
50.0%	50.0% #AE7DA5	RGB 174 125 165	#AE7DA5
66.7%	66.7% #A56F9B	RGB 165 111 155	#A56F9B
83.3%	83.3% #9C6191	RGB 156 97 145	#9C6191
100.0%	100.0% #945388	RGB 148 83 136	#945388

#C9A8C2 #C099B8 #B78BAE #AE7DA5 #A56F9B #9C6191 #945388

#C9A8C2 - #945388

HSV Blend

#C9A8C2 - #945388 | 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 #C9A8C2 as 0% and #945388 as 100%.

0.0%	0.0% #C9A8C2	RGB 201 168 194	#C9A8C2
16.7%	16.7% #C097B7	RGB 192 151 183	#C097B7
33.3%	33.3% #B788AD	RGB 183 136 173	#B788AD
50.0%	50.0% #AE79A4	RGB 174 121 164	#AE79A4
66.7%	66.7% #A56C9A	RGB 165 108 154	#A56C9A
83.3%	83.3% #9C5F91	RGB 156 95 145	#9C5F91
100.0%	100.0% #945388	RGB 148 83 136	#945388

#C9A8C2 #C097B7 #B788AD #AE79A4 #A56C9A #9C5F91 #945388

#C9A8C2 - #AE79A4 - #945388

CSS codes

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

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