#485655 - #89986D | 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 #485655 to #89986D

#485655 #89986D

Calculate the color between two colors, #485655 and #89986D. 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)

#485655 - #89986D | 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 #485655 as 0% and #89986D as 100%.

0.0%	0.0% #485655	RGB 72 86 85	#485655
16.7%	16.7% #526159	RGB 82 97 89	#526159
33.3%	33.3% #5D6C5D	RGB 93 108 93	#5D6C5D
50.0%	50.0% #687761	RGB 104 119 97	#687761
66.7%	66.7% #738265	RGB 115 130 101	#738265
83.3%	83.3% #7E8D69	RGB 126 141 105	#7E8D69
100.0%	100.0% #89986D	RGB 137 152 109	#89986D

#485655 #526159 #5D6C5D #687761 #738265 #7E8D69 #89986D

#485655 - #89986D

HSV Blend

#485655 - #89986D | 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 #485655 as 0% and #89986D as 100%.

0.0%	0.0% #485655	RGB 72 86 85	#485655
16.7%	16.7% #4F615B	RGB 79 97 91	#4F615B
33.3%	33.3% #566C5E	RGB 86 108 94	#566C5E
50.0%	50.0% #5C7760	RGB 92 119 96	#5C7760
66.7%	66.7% #668262	RGB 102 130 98	#668262
83.3%	83.3% #768D67	RGB 118 141 103	#768D67
100.0%	100.0% #89986D	RGB 137 152 109	#89986D

#485655 #4F615B #566C5E #5C7760 #668262 #768D67 #89986D

#485655 - #5C7760 - #89986D

CSS codes

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

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