#46554B - #8D9A6B | 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 #46554B to #8D9A6B

#46554B #8D9A6B

Calculate the color between two colors, #46554B and #8D9A6B. 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)

#46554B - #8D9A6B | 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 #46554B as 0% and #8D9A6B as 100%.

0.0%	0.0% #46554B	RGB 70 85 75	#46554B
16.7%	16.7% #516050	RGB 81 96 80	#516050
33.3%	33.3% #5D6C55	RGB 93 108 85	#5D6C55
50.0%	50.0% #69775B	RGB 105 119 91	#69775B
66.7%	66.7% #758360	RGB 117 131 96	#758360
83.3%	83.3% #818E65	RGB 129 142 101	#818E65
100.0%	100.0% #8D9A6B	RGB 141 154 107	#8D9A6B

#46554B #516050 #5D6C55 #69775B #758360 #818E65 #8D9A6B

#46554B - #8D9A6B

HSV Blend

#46554B - #8D9A6B | 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 #46554B as 0% and #8D9A6B as 100%.

0.0%	0.0% #46554B	RGB 70 85 75	#46554B
16.7%	16.7% #4D6050	RGB 77 96 80	#4D6050
33.3%	33.3% #546C54	RGB 84 108 84	#546C54
50.0%	50.0% #60775A	RGB 96 119 90	#60775A
66.7%	66.7% #6D8360	RGB 109 131 96	#6D8360
83.3%	83.3% #7C8E66	RGB 124 142 102	#7C8E66
100.0%	100.0% #8D9A6B	RGB 141 154 107	#8D9A6B

#46554B #4D6050 #546C54 #60775A #6D8360 #7C8E66 #8D9A6B

#46554B - #60775A - #8D9A6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #46554B 0%, #60775A 50%, #8D9A6B 100%);
    background: -webkit-linear-gradient(top, #46554B 0%, #60775A 50%, #8D9A6B 100%);
    background: linear-gradient(to bottom, #46554B 0%, #60775A 50%, #8D9A6B 100%);
}
</style>