#4A2D1B - #CBC3BD | 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 #4A2D1B to #CBC3BD

#4A2D1B #CBC3BD

Calculate the color between two colors, #4A2D1B and #CBC3BD. 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)

#4A2D1B - #CBC3BD | 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 #4A2D1B as 0% and #CBC3BD as 100%.

0.0%	0.0% #4A2D1B	RGB 74 45 27	#4A2D1B
16.7%	16.7% #5F4636	RGB 95 70 54	#5F4636
33.3%	33.3% #755F51	RGB 117 95 81	#755F51
50.0%	50.0% #8A786C	RGB 138 120 108	#8A786C
66.7%	66.7% #A09187	RGB 160 145 135	#A09187
83.3%	83.3% #B5AAA2	RGB 181 170 162	#B5AAA2
100.0%	100.0% #CBC3BD	RGB 203 195 189	#CBC3BD

#4A2D1B #5F4636 #755F51 #8A786C #A09187 #B5AAA2 #CBC3BD

#4A2D1B - #CBC3BD

HSV Blend

#4A2D1B - #CBC3BD | 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 #4A2D1B as 0% and #CBC3BD as 100%.

0.0%	0.0% #4A2D1B	RGB 74 45 27	#4A2D1B
16.7%	16.7% #5F402B	RGB 95 64 43	#5F402B
33.3%	33.3% #755540	RGB 117 85 64	#755540
50.0%	50.0% #8A6D59	RGB 138 109 89	#8A6D59
66.7%	66.7% #A08776	RGB 160 135 118	#A08776
83.3%	83.3% #B5A497	RGB 181 164 151	#B5A497
100.0%	100.0% #CBC3BD	RGB 203 195 189	#CBC3BD

#4A2D1B #5F402B #755540 #8A6D59 #A08776 #B5A497 #CBC3BD

#4A2D1B - #8A6D59 - #CBC3BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A2D1B 0%, #8A6D59 50%, #CBC3BD 100%);
    background: -webkit-linear-gradient(top, #4A2D1B 0%, #8A6D59 50%, #CBC3BD 100%);
    background: linear-gradient(to bottom, #4A2D1B 0%, #8A6D59 50%, #CBC3BD 100%);
}
</style>