#CCA6AF - #975061 | 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 #CCA6AF to #975061

#CCA6AF #975061

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

#CCA6AF - #975061 | 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 #CCA6AF as 0% and #975061 as 100%.

0.0%	0.0% #CCA6AF	RGB 204 166 175	#CCA6AF
16.7%	16.7% #C397A2	RGB 195 151 162	#C397A2
33.3%	33.3% #BA8995	RGB 186 137 149	#BA8995
50.0%	50.0% #B17B88	RGB 177 123 136	#B17B88
66.7%	66.7% #A86C7B	RGB 168 108 123	#A86C7B
83.3%	83.3% #9F5E6E	RGB 159 94 110	#9F5E6E
100.0%	100.0% #975061	RGB 151 80 97	#975061

#CCA6AF #C397A2 #BA8995 #B17B88 #A86C7B #9F5E6E #975061

#CCA6AF - #975061

HSV Blend

#CCA6AF - #975061 | 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 #CCA6AF as 0% and #975061 as 100%.

0.0%	0.0% #CCA6AF	RGB 204 166 175	#CCA6AF
16.7%	16.7% #C395A0	RGB 195 149 160	#C395A0
33.3%	33.3% #BA8592	RGB 186 133 146	#BA8592
50.0%	50.0% #B17785	RGB 177 119 133	#B17785
66.7%	66.7% #A86978	RGB 168 105 120	#A86978
83.3%	83.3% #9F5C6C	RGB 159 92 108	#9F5C6C
100.0%	100.0% #975061	RGB 151 80 97	#975061

#CCA6AF #C395A0 #BA8592 #B17785 #A86978 #9F5C6C #975061

#CCA6AF - #B17785 - #975061

CSS codes

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

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