#482E2D - #AB7259 | 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 #482E2D to #AB7259

#482E2D #AB7259

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

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

0.0%	0.0% #482E2D	RGB 72 46 45	#482E2D
16.7%	16.7% #583934	RGB 88 57 52	#583934
33.3%	33.3% #69443B	RGB 105 68 59	#69443B
50.0%	50.0% #795043	RGB 121 80 67	#795043
66.7%	66.7% #8A5B4A	RGB 138 91 74	#8A5B4A
83.3%	83.3% #9A6651	RGB 154 102 81	#9A6651
100.0%	100.0% #AB7259	RGB 171 114 89	#AB7259

#482E2D #583934 #69443B #795043 #8A5B4A #9A6651 #AB7259

#482E2D - #AB7259

HSV Blend

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

0.0%	0.0% #482E2D	RGB 72 46 45	#482E2D
16.7%	16.7% #583835	RGB 88 56 53	#583835
33.3%	33.3% #69433D	RGB 105 67 61	#69433D
50.0%	50.0% #794E45	RGB 121 78 69	#794E45
66.7%	66.7% #8A594C	RGB 138 89 76	#8A594C
83.3%	83.3% #9A6553	RGB 154 101 83	#9A6553
100.0%	100.0% #AB7259	RGB 171 114 89	#AB7259

#482E2D #583835 #69433D #794E45 #8A594C #9A6553 #AB7259

#482E2D - #794E45 - #AB7259

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482E2D 0%, #794E45 50%, #AB7259 100%);
    background: -webkit-linear-gradient(top, #482E2D 0%, #794E45 50%, #AB7259 100%);
    background: linear-gradient(to bottom, #482E2D 0%, #794E45 50%, #AB7259 100%);
}
</style>