#40532B - #C8CDC2 | 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 #40532B to #C8CDC2

#40532B #C8CDC2

Calculate the color between two colors, #40532B and #C8CDC2. 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)

#40532B - #C8CDC2 | 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 #40532B as 0% and #C8CDC2 as 100%.

0.0%	0.0% #40532B	RGB 64 83 43	#40532B
16.7%	16.7% #566744	RGB 86 103 68	#566744
33.3%	33.3% #6D7B5D	RGB 109 123 93	#6D7B5D
50.0%	50.0% #849076	RGB 132 144 118	#849076
66.7%	66.7% #9AA48F	RGB 154 164 143	#9AA48F
83.3%	83.3% #B1B8A8	RGB 177 184 168	#B1B8A8
100.0%	100.0% #C8CDC2	RGB 200 205 194	#C8CDC2

#40532B #566744 #6D7B5D #849076 #9AA48F #B1B8A8 #C8CDC2

#40532B - #C8CDC2

HSV Blend

#40532B - #C8CDC2 | 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 #40532B as 0% and #C8CDC2 as 100%.

0.0%	0.0% #40532B	RGB 64 83 43	#40532B
16.7%	16.7% #53673C	RGB 83 103 60	#53673C
33.3%	33.3% #687B51	RGB 104 123 81	#687B51
50.0%	50.0% #7E9069	RGB 126 144 105	#7E9069
66.7%	66.7% #95A484	RGB 149 164 132	#95A484
83.3%	83.3% #AEB8A1	RGB 174 184 161	#AEB8A1
100.0%	100.0% #C8CDC2	RGB 200 205 194	#C8CDC2

#40532B #53673C #687B51 #7E9069 #95A484 #AEB8A1 #C8CDC2

#40532B - #7E9069 - #C8CDC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #40532B 0%, #7E9069 50%, #C8CDC2 100%);
    background: -webkit-linear-gradient(top, #40532B 0%, #7E9069 50%, #C8CDC2 100%);
    background: linear-gradient(to bottom, #40532B 0%, #7E9069 50%, #C8CDC2 100%);
}
</style>