#C9AEB8 - #97576B | 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 #C9AEB8 to #97576B

#C9AEB8 #97576B

Calculate the color between two colors, #C9AEB8 and #97576B. 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)

#C9AEB8 - #97576B | 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 #C9AEB8 as 0% and #97576B as 100%.

0.0%	0.0% #C9AEB8	RGB 201 174 184	#C9AEB8
16.7%	16.7% #C09FAB	RGB 192 159 171	#C09FAB
33.3%	33.3% #B8919E	RGB 184 145 158	#B8919E
50.0%	50.0% #B08291	RGB 176 130 145	#B08291
66.7%	66.7% #A77484	RGB 167 116 132	#A77484
83.3%	83.3% #9F6577	RGB 159 101 119	#9F6577
100.0%	100.0% #97576B	RGB 151 87 107	#97576B

#C9AEB8 #C09FAB #B8919E #B08291 #A77484 #9F6577 #97576B

#C9AEB8 - #97576B

HSV Blend

#C9AEB8 - #97576B | 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 #C9AEB8 as 0% and #97576B as 100%.

0.0%	0.0% #C9AEB8	RGB 201 174 184	#C9AEB8
16.7%	16.7% #C09DAA	RGB 192 157 170	#C09DAA
33.3%	33.3% #B88D9C	RGB 184 141 156	#B88D9C
50.0%	50.0% #B07E8F	RGB 176 126 143	#B07E8F
66.7%	66.7% #A77082	RGB 167 112 130	#A77082
83.3%	83.3% #9F6376	RGB 159 99 118	#9F6376
100.0%	100.0% #97576B	RGB 151 87 107	#97576B

#C9AEB8 #C09DAA #B88D9C #B07E8F #A77082 #9F6376 #97576B

#C9AEB8 - #B07E8F - #97576B

CSS codes

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

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