#CDBD9C - #3A352C | 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 #CDBD9C to #3A352C

#CDBD9C #3A352C

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

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

0.0%	0.0% #CDBD9C	RGB 205 189 156	#CDBD9C
16.7%	16.7% #B4A689	RGB 180 166 137	#B4A689
33.3%	33.3% #9C8F76	RGB 156 143 118	#9C8F76
50.0%	50.0% #837964	RGB 131 121 100	#837964
66.7%	66.7% #6B6251	RGB 107 98 81	#6B6251
83.3%	83.3% #524B3E	RGB 82 75 62	#524B3E
100.0%	100.0% #3A352C	RGB 58 53 44	#3A352C

#CDBD9C #B4A689 #9C8F76 #837964 #6B6251 #524B3E #3A352C

#CDBD9C - #3A352C

HSV Blend

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

0.0%	0.0% #CDBD9C	RGB 205 189 156	#CDBD9C
16.7%	16.7% #B4A689	RGB 180 166 137	#B4A689
33.3%	33.3% #9C8F76	RGB 156 143 118	#9C8F76
50.0%	50.0% #837863	RGB 131 120 99	#837863
66.7%	66.7% #6B6251	RGB 107 98 81	#6B6251
83.3%	83.3% #524B3E	RGB 82 75 62	#524B3E
100.0%	100.0% #3A352C	RGB 58 53 44	#3A352C

#CDBD9C #B4A689 #9C8F76 #837863 #6B6251 #524B3E #3A352C

#CDBD9C - #837863 - #3A352C

CSS codes

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

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