#C1A8A8 - #78514D | 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 #C1A8A8 to #78514D

#C1A8A8 #78514D

Calculate the color between two colors, #C1A8A8 and #78514D. 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)

#C1A8A8 - #78514D | 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 #C1A8A8 as 0% and #78514D as 100%.

0.0%	0.0% #C1A8A8	RGB 193 168 168	#C1A8A8
16.7%	16.7% #B49998	RGB 180 153 152	#B49998
33.3%	33.3% #A88B89	RGB 168 139 137	#A88B89
50.0%	50.0% #9C7C7A	RGB 156 124 122	#9C7C7A
66.7%	66.7% #906E6B	RGB 144 110 107	#906E6B
83.3%	83.3% #845F5C	RGB 132 95 92	#845F5C
100.0%	100.0% #78514D	RGB 120 81 77	#78514D

#C1A8A8 #B49998 #A88B89 #9C7C7A #906E6B #845F5C #78514D

#C1A8A8 - #78514D

HSV Blend

#C1A8A8 - #78514D | 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 #C1A8A8 as 0% and #78514D as 100%.

0.0%	0.0% #C1A8A8	RGB 193 168 168	#C1A8A8
16.7%	16.7% #B49696	RGB 180 150 150	#B49696
33.3%	33.3% #A88785	RGB 168 135 133	#A88785
50.0%	50.0% #9C7876	RGB 156 120 118	#9C7876
66.7%	66.7% #906A67	RGB 144 106 103	#906A67
83.3%	83.3% #845D59	RGB 132 93 89	#845D59
100.0%	100.0% #78514D	RGB 120 81 77	#78514D

#C1A8A8 #B49696 #A88785 #9C7876 #906A67 #845D59 #78514D

#C1A8A8 - #9C7876 - #78514D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C1A8A8 0%, #9C7876 50%, #78514D 100%);
    background: -webkit-linear-gradient(top, #C1A8A8 0%, #9C7876 50%, #78514D 100%);
    background: linear-gradient(to bottom, #C1A8A8 0%, #9C7876 50%, #78514D 100%);
}
</style>