#5B5E5B - #9ABC81 | 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 #5B5E5B to #9ABC81

#5B5E5B #9ABC81

Calculate the color between two colors, #5B5E5B and #9ABC81. 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)

#5B5E5B - #9ABC81 | 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 #5B5E5B as 0% and #9ABC81 as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #656D61	RGB 101 109 97	#656D61
33.3%	33.3% #707D67	RGB 112 125 103	#707D67
50.0%	50.0% #7A8D6E	RGB 122 141 110	#7A8D6E
66.7%	66.7% #859C74	RGB 133 156 116	#859C74
83.3%	83.3% #8FAC7A	RGB 143 172 122	#8FAC7A
100.0%	100.0% #9ABC81	RGB 154 188 129	#9ABC81

#5B5E5B #656D61 #707D67 #7A8D6E #859C74 #8FAC7A #9ABC81

#5B5E5B - #9ABC81

HSV Blend

#5B5E5B - #9ABC81 | 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 #5B5E5B as 0% and #9ABC81 as 100%.

0.0%	0.0% #5B5E5B	RGB 91 94 91	#5B5E5B
16.7%	16.7% #656D65	RGB 101 109 101	#656D65
33.3%	33.3% #6F7D6D	RGB 111 125 109	#6F7D6D
50.0%	50.0% #798D74	RGB 121 141 116	#798D74
66.7%	66.7% #839C7A	RGB 131 156 122	#839C7A
83.3%	83.3% #8EAC7E	RGB 142 172 126	#8EAC7E
100.0%	100.0% #9ABC81	RGB 154 188 129	#9ABC81

#5B5E5B #656D65 #6F7D6D #798D74 #839C7A #8EAC7E #9ABC81

#5B5E5B - #798D74 - #9ABC81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E5B 0%, #798D74 50%, #9ABC81 100%);
    background: -webkit-linear-gradient(top, #5B5E5B 0%, #798D74 50%, #9ABC81 100%);
    background: linear-gradient(to bottom, #5B5E5B 0%, #798D74 50%, #9ABC81 100%);
}
</style>