#CCC8BA - #3A3835 | 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 #CCC8BA to #3A3835

#CCC8BA #3A3835

Calculate the color between two colors, #CCC8BA and #3A3835. 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)

#CCC8BA - #3A3835 | 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 #CCC8BA as 0% and #3A3835 as 100%.

0.0%	0.0% #CCC8BA	RGB 204 200 186	#CCC8BA
16.7%	16.7% #B3B0A3	RGB 179 176 163	#B3B0A3
33.3%	33.3% #9B988D	RGB 155 152 141	#9B988D
50.0%	50.0% #838077	RGB 131 128 119	#838077
66.7%	66.7% #6A6861	RGB 106 104 97	#6A6861
83.3%	83.3% #52504B	RGB 82 80 75	#52504B
100.0%	100.0% #3A3835	RGB 58 56 53	#3A3835

#CCC8BA #B3B0A3 #9B988D #838077 #6A6861 #52504B #3A3835

#CCC8BA - #3A3835

HSV Blend

#CCC8BA - #3A3835 | 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 #CCC8BA as 0% and #3A3835 as 100%.

0.0%	0.0% #CCC8BA	RGB 204 200 186	#CCC8BA
16.7%	16.7% #B3AFA3	RGB 179 175 163	#B3AFA3
33.3%	33.3% #9B978D	RGB 155 151 141	#9B978D
50.0%	50.0% #837F77	RGB 131 127 119	#837F77
66.7%	66.7% #6A6761	RGB 106 103 97	#6A6761
83.3%	83.3% #524F4B	RGB 82 79 75	#524F4B
100.0%	100.0% #3A3835	RGB 58 56 53	#3A3835

#CCC8BA #B3AFA3 #9B978D #837F77 #6A6761 #524F4B #3A3835

#CCC8BA - #837F77 - #3A3835

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC8BA 0%, #837F77 50%, #3A3835 100%);
    background: -webkit-linear-gradient(top, #CCC8BA 0%, #837F77 50%, #3A3835 100%);
    background: linear-gradient(to bottom, #CCC8BA 0%, #837F77 50%, #3A3835 100%);
}
</style>