#C8A2AC - #934C5E | 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 #C8A2AC to #934C5E

#C8A2AC #934C5E

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

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

0.0%	0.0% #C8A2AC	RGB 200 162 172	#C8A2AC
16.7%	16.7% #BF939F	RGB 191 147 159	#BF939F
33.3%	33.3% #B68592	RGB 182 133 146	#B68592
50.0%	50.0% #AD7785	RGB 173 119 133	#AD7785
66.7%	66.7% #A46878	RGB 164 104 120	#A46878
83.3%	83.3% #9B5A6B	RGB 155 90 107	#9B5A6B
100.0%	100.0% #934C5E	RGB 147 76 94	#934C5E

#C8A2AC #BF939F #B68592 #AD7785 #A46878 #9B5A6B #934C5E

#C8A2AC - #934C5E

HSV Blend

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

0.0%	0.0% #C8A2AC	RGB 200 162 172	#C8A2AC
16.7%	16.7% #BF919D	RGB 191 145 157	#BF919D
33.3%	33.3% #B6818F	RGB 182 129 143	#B6818F
50.0%	50.0% #AD7382	RGB 173 115 130	#AD7382
66.7%	66.7% #A46575	RGB 164 101 117	#A46575
83.3%	83.3% #9B5869	RGB 155 88 105	#9B5869
100.0%	100.0% #934C5E	RGB 147 76 94	#934C5E

#C8A2AC #BF919D #B6818F #AD7382 #A46575 #9B5869 #934C5E

#C8A2AC - #AD7382 - #934C5E

CSS codes

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

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