#482E2A - #CAC3C2 | 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 #482E2A to #CAC3C2

#482E2A #CAC3C2

Calculate the color between two colors, #482E2A and #CAC3C2. 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)

#482E2A - #CAC3C2 | 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 #482E2A as 0% and #CAC3C2 as 100%.

0.0%	0.0% #482E2A	RGB 72 46 42	#482E2A
16.7%	16.7% #5D4643	RGB 93 70 67	#5D4643
33.3%	33.3% #735F5C	RGB 115 95 92	#735F5C
50.0%	50.0% #897876	RGB 137 120 118	#897876
66.7%	66.7% #9E918F	RGB 158 145 143	#9E918F
83.3%	83.3% #B4AAA8	RGB 180 170 168	#B4AAA8
100.0%	100.0% #CAC3C2	RGB 202 195 194	#CAC3C2

#482E2A #5D4643 #735F5C #897876 #9E918F #B4AAA8 #CAC3C2

#482E2A - #CAC3C2

HSV Blend

#482E2A - #CAC3C2 | 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 #482E2A as 0% and #CAC3C2 as 100%.

0.0%	0.0% #482E2A	RGB 72 46 42	#482E2A
16.7%	16.7% #5D403C	RGB 93 64 60	#5D403C
33.3%	33.3% #735651	RGB 115 86 81	#735651
50.0%	50.0% #896D69	RGB 137 109 105	#896D69
66.7%	66.7% #9E8784	RGB 158 135 132	#9E8784
83.3%	83.3% #B4A4A1	RGB 180 164 161	#B4A4A1
100.0%	100.0% #CAC3C2	RGB 202 195 194	#CAC3C2

#482E2A #5D403C #735651 #896D69 #9E8784 #B4A4A1 #CAC3C2

#482E2A - #896D69 - #CAC3C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482E2A 0%, #896D69 50%, #CAC3C2 100%);
    background: -webkit-linear-gradient(top, #482E2A 0%, #896D69 50%, #CAC3C2 100%);
    background: linear-gradient(to bottom, #482E2A 0%, #896D69 50%, #CAC3C2 100%);
}
</style>