#3C462B - #C7CAC2 | 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 #3C462B to #C7CAC2

#3C462B #C7CAC2

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

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

0.0%	0.0% #3C462B	RGB 60 70 43	#3C462B
16.7%	16.7% #535C44	RGB 83 92 68	#535C44
33.3%	33.3% #6A725D	RGB 106 114 93	#6A725D
50.0%	50.0% #818876	RGB 129 136 118	#818876
66.7%	66.7% #989E8F	RGB 152 158 143	#989E8F
83.3%	83.3% #AFB4A8	RGB 175 180 168	#AFB4A8
100.0%	100.0% #C7CAC2	RGB 199 202 194	#C7CAC2

#3C462B #535C44 #6A725D #818876 #989E8F #AFB4A8 #C7CAC2

#3C462B - #C7CAC2

HSV Blend

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

0.0%	0.0% #3C462B	RGB 60 70 43	#3C462B
16.7%	16.7% #505C3D	RGB 80 92 61	#505C3D
33.3%	33.3% #667253	RGB 102 114 83	#667253
50.0%	50.0% #7D886B	RGB 125 136 107	#7D886B
66.7%	66.7% #949E85	RGB 148 158 133	#949E85
83.3%	83.3% #ADB4A2	RGB 173 180 162	#ADB4A2
100.0%	100.0% #C7CAC2	RGB 199 202 194	#C7CAC2

#3C462B #505C3D #667253 #7D886B #949E85 #ADB4A2 #C7CAC2

#3C462B - #7D886B - #C7CAC2

CSS codes

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

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