#C3A6AF - #8F5061 | 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 #C3A6AF to #8F5061

#C3A6AF #8F5061

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

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

0.0%	0.0% #C3A6AF	RGB 195 166 175	#C3A6AF
16.7%	16.7% #BA97A2	RGB 186 151 162	#BA97A2
33.3%	33.3% #B18995	RGB 177 137 149	#B18995
50.0%	50.0% #A97B88	RGB 169 123 136	#A97B88
66.7%	66.7% #A06C7B	RGB 160 108 123	#A06C7B
83.3%	83.3% #975E6E	RGB 151 94 110	#975E6E
100.0%	100.0% #8F5061	RGB 143 80 97	#8F5061

#C3A6AF #BA97A2 #B18995 #A97B88 #A06C7B #975E6E #8F5061

#C3A6AF - #8F5061

HSV Blend

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

0.0%	0.0% #C3A6AF	RGB 195 166 175	#C3A6AF
16.7%	16.7% #BA95A0	RGB 186 149 160	#BA95A0
33.3%	33.3% #B18592	RGB 177 133 146	#B18592
50.0%	50.0% #A97785	RGB 169 119 133	#A97785
66.7%	66.7% #A06978	RGB 160 105 120	#A06978
83.3%	83.3% #975C6C	RGB 151 92 108	#975C6C
100.0%	100.0% #8F5061	RGB 143 80 97	#8F5061

#C3A6AF #BA95A0 #B18592 #A97785 #A06978 #975C6C #8F5061

#C3A6AF - #A97785 - #8F5061

CSS codes

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

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