#C9AFB8 - #97596B | 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 #C9AFB8 to #97596B

#C9AFB8 #97596B

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

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

0.0%	0.0% #C9AFB8	RGB 201 175 184	#C9AFB8
16.7%	16.7% #C0A0AB	RGB 192 160 171	#C0A0AB
33.3%	33.3% #B8929E	RGB 184 146 158	#B8929E
50.0%	50.0% #B08491	RGB 176 132 145	#B08491
66.7%	66.7% #A77584	RGB 167 117 132	#A77584
83.3%	83.3% #9F6777	RGB 159 103 119	#9F6777
100.0%	100.0% #97596B	RGB 151 89 107	#97596B

#C9AFB8 #C0A0AB #B8929E #B08491 #A77584 #9F6777 #97596B

#C9AFB8 - #97596B

HSV Blend

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

0.0%	0.0% #C9AFB8	RGB 201 175 184	#C9AFB8
16.7%	16.7% #C09EAA	RGB 192 158 170	#C09EAA
33.3%	33.3% #B88F9C	RGB 184 143 156	#B88F9C
50.0%	50.0% #B0808F	RGB 176 128 143	#B0808F
66.7%	66.7% #A77282	RGB 167 114 130	#A77282
83.3%	83.3% #9F6576	RGB 159 101 118	#9F6576
100.0%	100.0% #97596B	RGB 151 89 107	#97596B

#C9AFB8 #C09EAA #B88F9C #B0808F #A77282 #9F6576 #97596B

#C9AFB8 - #B0808F - #97596B

CSS codes

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

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