#C5A2AC - #904C5E | 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 #C5A2AC to #904C5E

#C5A2AC #904C5E

Calculate the color between two colors, #C5A2AC and #904C5E. 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)

#C5A2AC - #904C5E | 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 #C5A2AC as 0% and #904C5E as 100%.

0.0%	0.0% #C5A2AC	RGB 197 162 172	#C5A2AC
16.7%	16.7% #BC939F	RGB 188 147 159	#BC939F
33.3%	33.3% #B38592	RGB 179 133 146	#B38592
50.0%	50.0% #AA7785	RGB 170 119 133	#AA7785
66.7%	66.7% #A16878	RGB 161 104 120	#A16878
83.3%	83.3% #985A6B	RGB 152 90 107	#985A6B
100.0%	100.0% #904C5E	RGB 144 76 94	#904C5E

#C5A2AC #BC939F #B38592 #AA7785 #A16878 #985A6B #904C5E

#C5A2AC - #904C5E

HSV Blend

#C5A2AC - #904C5E | 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 #C5A2AC as 0% and #904C5E as 100%.

0.0%	0.0% #C5A2AC	RGB 197 162 172	#C5A2AC
16.7%	16.7% #BC919D	RGB 188 145 157	#BC919D
33.3%	33.3% #B3818F	RGB 179 129 143	#B3818F
50.0%	50.0% #AA7382	RGB 170 115 130	#AA7382
66.7%	66.7% #A16575	RGB 161 101 117	#A16575
83.3%	83.3% #985869	RGB 152 88 105	#985869
100.0%	100.0% #904C5E	RGB 144 76 94	#904C5E

#C5A2AC #BC919D #B3818F #AA7382 #A16575 #985869 #904C5E

#C5A2AC - #AA7382 - #904C5E

CSS codes

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

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