#C9AEC0 - #97577E | 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 #C9AEC0 to #97577E

#C9AEC0 #97577E

Calculate the color between two colors, #C9AEC0 and #97577E. 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)

#C9AEC0 - #97577E | 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 #C9AEC0 as 0% and #97577E as 100%.

0.0%	0.0% #C9AEC0	RGB 201 174 192	#C9AEC0
16.7%	16.7% #C09FB5	RGB 192 159 181	#C09FB5
33.3%	33.3% #B891AA	RGB 184 145 170	#B891AA
50.0%	50.0% #B0829F	RGB 176 130 159	#B0829F
66.7%	66.7% #A77494	RGB 167 116 148	#A77494
83.3%	83.3% #9F6589	RGB 159 101 137	#9F6589
100.0%	100.0% #97577E	RGB 151 87 126	#97577E

#C9AEC0 #C09FB5 #B891AA #B0829F #A77494 #9F6589 #97577E

#C9AEC0 - #97577E

HSV Blend

#C9AEC0 - #97577E | 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 #C9AEC0 as 0% and #97577E as 100%.

0.0%	0.0% #C9AEC0	RGB 201 174 192	#C9AEC0
16.7%	16.7% #C09DB4	RGB 192 157 180	#C09DB4
33.3%	33.3% #B88DA9	RGB 184 141 169	#B88DA9
50.0%	50.0% #B07E9E	RGB 176 126 158	#B07E9E
66.7%	66.7% #A77093	RGB 167 112 147	#A77093
83.3%	83.3% #9F6388	RGB 159 99 136	#9F6388
100.0%	100.0% #97577E	RGB 151 87 126	#97577E

#C9AEC0 #C09DB4 #B88DA9 #B07E9E #A77093 #9F6388 #97577E

#C9AEC0 - #B07E9E - #97577E

CSS codes

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

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