#C0ADAD - #A86058 | 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 #C0ADAD to #A86058

#C0ADAD #A86058

Calculate the color between two colors, #C0ADAD and #A86058. 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)

#C0ADAD - #A86058 | 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 #C0ADAD as 0% and #A86058 as 100%.

0.0%	0.0% #C0ADAD	RGB 192 173 173	#C0ADAD
16.7%	16.7% #BCA09E	RGB 188 160 158	#BCA09E
33.3%	33.3% #B89390	RGB 184 147 144	#B89390
50.0%	50.0% #B48682	RGB 180 134 130	#B48682
66.7%	66.7% #B07974	RGB 176 121 116	#B07974
83.3%	83.3% #AC6C66	RGB 172 108 102	#AC6C66
100.0%	100.0% #A86058	RGB 168 96 88	#A86058

#C0ADAD #BCA09E #B89390 #B48682 #B07974 #AC6C66 #A86058

#C0ADAD - #A86058

HSV Blend

#C0ADAD - #A86058 | 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 #C0ADAD as 0% and #A86058 as 100%.

0.0%	0.0% #C0ADAD	RGB 192 173 173	#C0ADAD
16.7%	16.7% #BC9E9D	RGB 188 158 157	#BC9E9D
33.3%	33.3% #B8908E	RGB 184 144 142	#B8908E
50.0%	50.0% #B48280	RGB 180 130 128	#B48280
66.7%	66.7% #B07672	RGB 176 118 114	#B07672
83.3%	83.3% #AC6A64	RGB 172 106 100	#AC6A64
100.0%	100.0% #A86058	RGB 168 96 88	#A86058

#C0ADAD #BC9E9D #B8908E #B48280 #B07672 #AC6A64 #A86058

#C0ADAD - #B48280 - #A86058

CSS codes

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

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