#949A8C - #427039 | 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 #949A8C to #427039

#949A8C #427039

Calculate the color between two colors, #949A8C and #427039. 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)

#949A8C - #427039 | 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 #949A8C as 0% and #427039 as 100%.

0.0%	0.0% #949A8C	RGB 148 154 140	#949A8C
16.7%	16.7% #86937E	RGB 134 147 126	#86937E
33.3%	33.3% #788C70	RGB 120 140 112	#788C70
50.0%	50.0% #6B8562	RGB 107 133 98	#6B8562
66.7%	66.7% #5D7E54	RGB 93 126 84	#5D7E54
83.3%	83.3% #4F7746	RGB 79 119 70	#4F7746
100.0%	100.0% #427039	RGB 66 112 57	#427039

#949A8C #86937E #788C70 #6B8562 #5D7E54 #4F7746 #427039

#949A8C - #427039

HSV Blend

#949A8C - #427039 | 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 #949A8C as 0% and #427039 as 100%.

0.0%	0.0% #949A8C	RGB 148 154 140	#949A8C
16.7%	16.7% #87937B	RGB 135 147 123	#87937B
33.3%	33.3% #7A8C6C	RGB 122 140 108	#7A8C6C
50.0%	50.0% #6C855E	RGB 108 133 94	#6C855E
66.7%	66.7% #5E7E50	RGB 94 126 80	#5E7E50
83.3%	83.3% #507744	RGB 80 119 68	#507744
100.0%	100.0% #427039	RGB 66 112 57	#427039

#949A8C #87937B #7A8C6C #6C855E #5E7E50 #507744 #427039

#949A8C - #6C855E - #427039

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #949A8C 0%, #6C855E 50%, #427039 100%);
    background: -webkit-linear-gradient(top, #949A8C 0%, #6C855E 50%, #427039 100%);
    background: linear-gradient(to bottom, #949A8C 0%, #6C855E 50%, #427039 100%);
}
</style>