#C4A39F - #382E2D | 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 #C4A39F to #382E2D

#C4A39F #382E2D

Calculate the color between two colors, #C4A39F and #382E2D. 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)

#C4A39F - #382E2D | 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 #C4A39F as 0% and #382E2D as 100%.

0.0%	0.0% #C4A39F	RGB 196 163 159	#C4A39F
16.7%	16.7% #AC8F8C	RGB 172 143 140	#AC8F8C
33.3%	33.3% #957C79	RGB 149 124 121	#957C79
50.0%	50.0% #7E6866	RGB 126 104 102	#7E6866
66.7%	66.7% #665553	RGB 102 85 83	#665553
83.3%	83.3% #4F4140	RGB 79 65 64	#4F4140
100.0%	100.0% #382E2D	RGB 56 46 45	#382E2D

#C4A39F #AC8F8C #957C79 #7E6866 #665553 #4F4140 #382E2D

#C4A39F - #382E2D

HSV Blend

#C4A39F - #382E2D | 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 #C4A39F as 0% and #382E2D as 100%.

0.0%	0.0% #C4A39F	RGB 196 163 159	#C4A39F
16.7%	16.7% #AC8F8B	RGB 172 143 139	#AC8F8B
33.3%	33.3% #957B78	RGB 149 123 120	#957B78
50.0%	50.0% #7E6865	RGB 126 104 101	#7E6865
66.7%	66.7% #665452	RGB 102 84 82	#665452
83.3%	83.3% #4F413F	RGB 79 65 63	#4F413F
100.0%	100.0% #382E2D	RGB 56 46 45	#382E2D

#C4A39F #AC8F8B #957B78 #7E6865 #665452 #4F413F #382E2D

#C4A39F - #7E6865 - #382E2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4A39F 0%, #7E6865 50%, #382E2D 100%);
    background: -webkit-linear-gradient(top, #C4A39F 0%, #7E6865 50%, #382E2D 100%);
    background: linear-gradient(to bottom, #C4A39F 0%, #7E6865 50%, #382E2D 100%);
}
</style>