#C0A8BC - #97496F | 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 #C0A8BC to #97496F

#C0A8BC #97496F

Calculate the color between two colors, #C0A8BC and #97496F. 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)

#C0A8BC - #97496F | 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 #C0A8BC as 0% and #97496F as 100%.

0.0%	0.0% #C0A8BC	RGB 192 168 188	#C0A8BC
16.7%	16.7% #B998AF	RGB 185 152 175	#B998AF
33.3%	33.3% #B288A2	RGB 178 136 162	#B288A2
50.0%	50.0% #AB7895	RGB 171 120 149	#AB7895
66.7%	66.7% #A46888	RGB 164 104 136	#A46888
83.3%	83.3% #9D587B	RGB 157 88 123	#9D587B
100.0%	100.0% #97496F	RGB 151 73 111	#97496F

#C0A8BC #B998AF #B288A2 #AB7895 #A46888 #9D587B #97496F

#C0A8BC - #97496F

HSV Blend

#C0A8BC - #97496F | 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 #C0A8BC as 0% and #97496F as 100%.

0.0%	0.0% #C0A8BC	RGB 192 168 188	#C0A8BC
16.7%	16.7% #B995B1	RGB 185 149 177	#B995B1
33.3%	33.3% #B284A5	RGB 178 132 165	#B284A5
50.0%	50.0% #AB7498	RGB 171 116 152	#AB7498
66.7%	66.7% #A4658B	RGB 164 101 139	#A4658B
83.3%	83.3% #9D567D	RGB 157 86 125	#9D567D
100.0%	100.0% #97496F	RGB 151 73 111	#97496F

#C0A8BC #B995B1 #B284A5 #AB7498 #A4658B #9D567D #97496F

#C0A8BC - #AB7498 - #97496F

CSS codes

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

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