#C49D97 - #382C2B | 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 #C49D97 to #382C2B

#C49D97 #382C2B

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

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

0.0%	0.0% #C49D97	RGB 196 157 151	#C49D97
16.7%	16.7% #AC8A85	RGB 172 138 133	#AC8A85
33.3%	33.3% #957773	RGB 149 119 115	#957773
50.0%	50.0% #7E6461	RGB 126 100 97	#7E6461
66.7%	66.7% #66514F	RGB 102 81 79	#66514F
83.3%	83.3% #4F3E3D	RGB 79 62 61	#4F3E3D
100.0%	100.0% #382C2B	RGB 56 44 43	#382C2B

#C49D97 #AC8A85 #957773 #7E6461 #66514F #4F3E3D #382C2B

#C49D97 - #382C2B

HSV Blend

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

0.0%	0.0% #C49D97	RGB 196 157 151	#C49D97
16.7%	16.7% #AC8984	RGB 172 137 132	#AC8984
33.3%	33.3% #957672	RGB 149 118 114	#957672
50.0%	50.0% #7E6360	RGB 126 99 96	#7E6360
66.7%	66.7% #66514E	RGB 102 81 78	#66514E
83.3%	83.3% #4F3E3C	RGB 79 62 60	#4F3E3C
100.0%	100.0% #382C2B	RGB 56 44 43	#382C2B

#C49D97 #AC8984 #957672 #7E6360 #66514E #4F3E3C #382C2B

#C49D97 - #7E6360 - #382C2B

CSS codes

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

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