#AB934D - #5E5422 | 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 #AB934D to #5E5422

#AB934D #5E5422

Calculate the color between two colors, #AB934D and #5E5422. 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)

#AB934D - #5E5422 | 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 #AB934D as 0% and #5E5422 as 100%.

0.0%	0.0% #AB934D	RGB 171 147 77	#AB934D
16.7%	16.7% #9E8845	RGB 158 136 69	#9E8845
33.3%	33.3% #917E3E	RGB 145 126 62	#917E3E
50.0%	50.0% #847337	RGB 132 115 55	#847337
66.7%	66.7% #776930	RGB 119 105 48	#776930
83.3%	83.3% #6A5E29	RGB 106 94 41	#6A5E29
100.0%	100.0% #5E5422	RGB 94 84 34	#5E5422

#AB934D #9E8845 #917E3E #847337 #776930 #6A5E29 #5E5422

#AB934D - #5E5422

HSV Blend

#AB934D - #5E5422 | 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 #AB934D as 0% and #5E5422 as 100%.

0.0%	0.0% #AB934D	RGB 171 147 77	#AB934D
16.7%	16.7% #9E8844	RGB 158 136 68	#9E8844
33.3%	33.3% #917E3D	RGB 145 126 61	#917E3D
50.0%	50.0% #847335	RGB 132 115 53	#847335
66.7%	66.7% #77692E	RGB 119 105 46	#77692E
83.3%	83.3% #6A5E28	RGB 106 94 40	#6A5E28
100.0%	100.0% #5E5422	RGB 94 84 34	#5E5422

#AB934D #9E8844 #917E3D #847335 #77692E #6A5E28 #5E5422

#AB934D - #847335 - #5E5422

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB934D 0%, #847335 50%, #5E5422 100%);
    background: -webkit-linear-gradient(top, #AB934D 0%, #847335 50%, #5E5422 100%);
    background: linear-gradient(to bottom, #AB934D 0%, #847335 50%, #5E5422 100%);
}
</style>