#949894 - #446D3C | 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 #949894 to #446D3C

#949894 #446D3C

Calculate the color between two colors, #949894 and #446D3C. 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)

#949894 - #446D3C | 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 #949894 as 0% and #446D3C as 100%.

0.0%	0.0% #949894	RGB 148 152 148	#949894
16.7%	16.7% #869085	RGB 134 144 133	#869085
33.3%	33.3% #798976	RGB 121 137 118	#798976
50.0%	50.0% #6C8268	RGB 108 130 104	#6C8268
66.7%	66.7% #5E7B59	RGB 94 123 89	#5E7B59
83.3%	83.3% #51744A	RGB 81 116 74	#51744A
100.0%	100.0% #446D3C	RGB 68 109 60	#446D3C

#949894 #869085 #798976 #6C8268 #5E7B59 #51744A #446D3C

#949894 - #446D3C

HSV Blend

#949894 - #446D3C | 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 #949894 as 0% and #446D3C as 100%.

0.0%	0.0% #949894	RGB 148 152 148	#949894
16.7%	16.7% #839082	RGB 131 144 130	#839082
33.3%	33.3% #738972	RGB 115 137 114	#738972
50.0%	50.0% #658263	RGB 101 130 99	#658263
66.7%	66.7% #597B55	RGB 89 123 85	#597B55
83.3%	83.3% #4E7448	RGB 78 116 72	#4E7448
100.0%	100.0% #446D3C	RGB 68 109 60	#446D3C

#949894 #839082 #738972 #658263 #597B55 #4E7448 #446D3C

#949894 - #658263 - #446D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #949894 0%, #658263 50%, #446D3C 100%);
    background: -webkit-linear-gradient(top, #949894 0%, #658263 50%, #446D3C 100%);
    background: linear-gradient(to bottom, #949894 0%, #658263 50%, #446D3C 100%);
}
</style>