#C0C6BA - #84835A | 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 #C0C6BA to #84835A

#C0C6BA #84835A

Calculate the color between two colors, #C0C6BA and #84835A. 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)

#C0C6BA - #84835A | 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 #C0C6BA as 0% and #84835A as 100%.

0.0%	0.0% #C0C6BA	RGB 192 198 186	#C0C6BA
16.7%	16.7% #B6BAAA	RGB 182 186 170	#B6BAAA
33.3%	33.3% #ACAF9A	RGB 172 175 154	#ACAF9A
50.0%	50.0% #A2A48A	RGB 162 164 138	#A2A48A
66.7%	66.7% #98997A	RGB 152 153 122	#98997A
83.3%	83.3% #8E8E6A	RGB 142 142 106	#8E8E6A
100.0%	100.0% #84835A	RGB 132 131 90	#84835A

#C0C6BA #B6BAAA #ACAF9A #A2A48A #98997A #8E8E6A #84835A

#C0C6BA - #84835A

HSV Blend

#C0C6BA - #84835A | 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 #C0C6BA as 0% and #84835A as 100%.

0.0%	0.0% #C0C6BA	RGB 192 198 186	#C0C6BA
16.7%	16.7% #B3BBA7	RGB 179 187 167	#B3BBA7
33.3%	33.3% #A7B096	RGB 167 176 150	#A7B096
50.0%	50.0% #9DA585	RGB 157 165 133	#9DA585
66.7%	66.7% #949A76	RGB 148 154 118	#949A76
83.3%	83.3% #8C8F67	RGB 140 143 103	#8C8F67
100.0%	100.0% #84835A	RGB 132 131 90	#84835A

#C0C6BA #B3BBA7 #A7B096 #9DA585 #949A76 #8C8F67 #84835A

#C0C6BA - #9DA585 - #84835A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C6BA 0%, #9DA585 50%, #84835A 100%);
    background: -webkit-linear-gradient(top, #C0C6BA 0%, #9DA585 50%, #84835A 100%);
    background: linear-gradient(to bottom, #C0C6BA 0%, #9DA585 50%, #84835A 100%);
}
</style>