#C8C0BA - #393635 | 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 #C8C0BA to #393635

#C8C0BA #393635

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

#C8C0BA - #393635 | 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 #C8C0BA as 0% and #393635 as 100%.

0.0%	0.0% #C8C0BA	RGB 200 192 186	#C8C0BA
16.7%	16.7% #B0A9A3	RGB 176 169 163	#B0A9A3
33.3%	33.3% #98928D	RGB 152 146 141	#98928D
50.0%	50.0% #807B77	RGB 128 123 119	#807B77
66.7%	66.7% #686461	RGB 104 100 97	#686461
83.3%	83.3% #504D4B	RGB 80 77 75	#504D4B
100.0%	100.0% #393635	RGB 57 54 53	#393635

#C8C0BA #B0A9A3 #98928D #807B77 #686461 #504D4B #393635

#C8C0BA - #393635

HSV Blend

#C8C0BA - #393635 | 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 #C8C0BA as 0% and #393635 as 100%.

0.0%	0.0% #C8C0BA	RGB 200 192 186	#C8C0BA
16.7%	16.7% #B0A8A3	RGB 176 168 163	#B0A8A3
33.3%	33.3% #98918D	RGB 152 145 141	#98918D
50.0%	50.0% #807A77	RGB 128 122 119	#807A77
66.7%	66.7% #686361	RGB 104 99 97	#686361
83.3%	83.3% #504C4B	RGB 80 76 75	#504C4B
100.0%	100.0% #393635	RGB 57 54 53	#393635

#C8C0BA #B0A8A3 #98918D #807A77 #686361 #504C4B #393635

#C8C0BA - #807A77 - #393635

CSS codes

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

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