#C0C4BA - #808D6B | 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 #C0C4BA to #808D6B

#C0C4BA #808D6B

Calculate the color between two colors, #C0C4BA and #808D6B. 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)

#C0C4BA - #808D6B | 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 #C0C4BA as 0% and #808D6B as 100%.

0.0%	0.0% #C0C4BA	RGB 192 196 186	#C0C4BA
16.7%	16.7% #B5BAAC	RGB 181 186 172	#B5BAAC
33.3%	33.3% #AAB19F	RGB 170 177 159	#AAB19F
50.0%	50.0% #A0A892	RGB 160 168 146	#A0A892
66.7%	66.7% #959F85	RGB 149 159 133	#959F85
83.3%	83.3% #8A9678	RGB 138 150 120	#8A9678
100.0%	100.0% #808D6B	RGB 128 141 107	#808D6B

#C0C4BA #B5BAAC #AAB19F #A0A892 #959F85 #8A9678 #808D6B

#C0C4BA - #808D6B

HSV Blend

#C0C4BA - #808D6B | 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 #C0C4BA as 0% and #808D6B as 100%.

0.0%	0.0% #C0C4BA	RGB 192 196 186	#C0C4BA
16.7%	16.7% #B4BAAB	RGB 180 186 171	#B4BAAB
33.3%	33.3% #A9B19D	RGB 169 177 157	#A9B19D
50.0%	50.0% #9EA88F	RGB 158 168 143	#9EA88F
66.7%	66.7% #949F83	RGB 148 159 131	#949F83
83.3%	83.3% #8A9676	RGB 138 150 118	#8A9676
100.0%	100.0% #808D6B	RGB 128 141 107	#808D6B

#C0C4BA #B4BAAB #A9B19D #9EA88F #949F83 #8A9676 #808D6B

#C0C4BA - #9EA88F - #808D6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C4BA 0%, #9EA88F 50%, #808D6B 100%);
    background: -webkit-linear-gradient(top, #C0C4BA 0%, #9EA88F 50%, #808D6B 100%);
    background: linear-gradient(to bottom, #C0C4BA 0%, #9EA88F 50%, #808D6B 100%);
}
</style>