#C0A8BA - #8C547B | 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 #C0A8BA to #8C547B

#C0A8BA #8C547B

Calculate the color between two colors, #C0A8BA and #8C547B. 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)

#C0A8BA - #8C547B | 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 #C0A8BA as 0% and #8C547B as 100%.

0.0%	0.0% #C0A8BA	RGB 192 168 186	#C0A8BA
16.7%	16.7% #B79AAF	RGB 183 154 175	#B79AAF
33.3%	33.3% #AE8CA5	RGB 174 140 165	#AE8CA5
50.0%	50.0% #A67E9A	RGB 166 126 154	#A67E9A
66.7%	66.7% #9D7090	RGB 157 112 144	#9D7090
83.3%	83.3% #946285	RGB 148 98 133	#946285
100.0%	100.0% #8C547B	RGB 140 84 123	#8C547B

#C0A8BA #B79AAF #AE8CA5 #A67E9A #9D7090 #946285 #8C547B

#C0A8BA - #8C547B

HSV Blend

#C0A8BA - #8C547B | 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 #C0A8BA as 0% and #8C547B as 100%.

0.0%	0.0% #C0A8BA	RGB 192 168 186	#C0A8BA
16.7%	16.7% #B798AF	RGB 183 152 175	#B798AF
33.3%	33.3% #AE88A4	RGB 174 136 164	#AE88A4
50.0%	50.0% #A67A99	RGB 166 122 153	#A67A99
66.7%	66.7% #9D6C8F	RGB 157 108 143	#9D6C8F
83.3%	83.3% #946085	RGB 148 96 133	#946085
100.0%	100.0% #8C547B	RGB 140 84 123	#8C547B

#C0A8BA #B798AF #AE88A4 #A67A99 #9D6C8F #946085 #8C547B

#C0A8BA - #A67A99 - #8C547B

CSS codes

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

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