#969994 - #4E683C | 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 #969994 to #4E683C

#969994 #4E683C

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

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

0.0%	0.0% #969994	RGB 150 153 148	#969994
16.7%	16.7% #8A9085	RGB 138 144 133	#8A9085
33.3%	33.3% #7E8876	RGB 126 136 118	#7E8876
50.0%	50.0% #728068	RGB 114 128 104	#728068
66.7%	66.7% #667859	RGB 102 120 89	#667859
83.3%	83.3% #5A704A	RGB 90 112 74	#5A704A
100.0%	100.0% #4E683C	RGB 78 104 60	#4E683C

#969994 #8A9085 #7E8876 #728068 #667859 #5A704A #4E683C

#969994 - #4E683C

HSV Blend

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

0.0%	0.0% #969994	RGB 150 153 148	#969994
16.7%	16.7% #889082	RGB 136 144 130	#889082
33.3%	33.3% #7B8872	RGB 123 136 114	#7B8872
50.0%	50.0% #6F8063	RGB 111 128 99	#6F8063
66.7%	66.7% #637855	RGB 99 120 85	#637855
83.3%	83.3% #587048	RGB 88 112 72	#587048
100.0%	100.0% #4E683C	RGB 78 104 60	#4E683C

#969994 #889082 #7B8872 #6F8063 #637855 #587048 #4E683C

#969994 - #6F8063 - #4E683C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #969994 0%, #6F8063 50%, #4E683C 100%);
    background: -webkit-linear-gradient(top, #969994 0%, #6F8063 50%, #4E683C 100%);
    background: linear-gradient(to bottom, #969994 0%, #6F8063 50%, #4E683C 100%);
}
</style>