#5E7E76 - #A2BF84 | 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 #5E7E76 to #A2BF84

#5E7E76 #A2BF84

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

#5E7E76 - #A2BF84 | 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 #5E7E76 as 0% and #A2BF84 as 100%.

0.0%	0.0% #5E7E76	RGB 94 126 118	#5E7E76
16.7%	16.7% #698878	RGB 105 136 120	#698878
33.3%	33.3% #74937A	RGB 116 147 122	#74937A
50.0%	50.0% #809E7D	RGB 128 158 125	#809E7D
66.7%	66.7% #8BA97F	RGB 139 169 127	#8BA97F
83.3%	83.3% #96B481	RGB 150 180 129	#96B481
100.0%	100.0% #A2BF84	RGB 162 191 132	#A2BF84

#5E7E76 #698878 #74937A #809E7D #8BA97F #96B481 #A2BF84

#5E7E76 - #A2BF84

HSV Blend

#5E7E76 - #A2BF84 | 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 #5E7E76 as 0% and #A2BF84 as 100%.

0.0%	0.0% #5E7E76	RGB 94 126 118	#5E7E76
16.7%	16.7% #648878	RGB 100 136 120	#648878
33.3%	33.3% #6B9378	RGB 107 147 120	#6B9378
50.0%	50.0% #719E77	RGB 113 158 119	#719E77
66.7%	66.7% #7CA978	RGB 124 169 120	#7CA978
83.3%	83.3% #8EB47E	RGB 142 180 126	#8EB47E
100.0%	100.0% #A2BF84	RGB 162 191 132	#A2BF84

#5E7E76 #648878 #6B9378 #719E77 #7CA978 #8EB47E #A2BF84

#5E7E76 - #719E77 - #A2BF84

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E76 0%, #719E77 50%, #A2BF84 100%);
    background: -webkit-linear-gradient(top, #5E7E76 0%, #719E77 50%, #A2BF84 100%);
    background: linear-gradient(to bottom, #5E7E76 0%, #719E77 50%, #A2BF84 100%);
}
</style>