#C0A8AF - #8C5460 | 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 #C0A8AF to #8C5460

#C0A8AF #8C5460

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

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

0.0%	0.0% #C0A8AF	RGB 192 168 175	#C0A8AF
16.7%	16.7% #B79AA1	RGB 183 154 161	#B79AA1
33.3%	33.3% #AE8C94	RGB 174 140 148	#AE8C94
50.0%	50.0% #A67E87	RGB 166 126 135	#A67E87
66.7%	66.7% #9D707A	RGB 157 112 122	#9D707A
83.3%	83.3% #94626D	RGB 148 98 109	#94626D
100.0%	100.0% #8C5460	RGB 140 84 96	#8C5460

#C0A8AF #B79AA1 #AE8C94 #A67E87 #9D707A #94626D #8C5460

#C0A8AF - #8C5460

HSV Blend

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

0.0%	0.0% #C0A8AF	RGB 192 168 175	#C0A8AF
16.7%	16.7% #B798A0	RGB 183 152 160	#B798A0
33.3%	33.3% #AE8892	RGB 174 136 146	#AE8892
50.0%	50.0% #A67A85	RGB 166 122 133	#A67A85
66.7%	66.7% #9D6C78	RGB 157 108 120	#9D6C78
83.3%	83.3% #94606B	RGB 148 96 107	#94606B
100.0%	100.0% #8C5460	RGB 140 84 96	#8C5460

#C0A8AF #B798A0 #AE8892 #A67A85 #9D6C78 #94606B #8C5460

#C0A8AF - #A67A85 - #8C5460

CSS codes

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

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