#5E995F - #A2B4A7 | 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 #5E995F to #A2B4A7

#5E995F #A2B4A7

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

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

0.0%	0.0% #5E995F	RGB 94 153 95	#5E995F
16.7%	16.7% #699D6B	RGB 105 157 107	#699D6B
33.3%	33.3% #74A277	RGB 116 162 119	#74A277
50.0%	50.0% #80A683	RGB 128 166 131	#80A683
66.7%	66.7% #8BAB8F	RGB 139 171 143	#8BAB8F
83.3%	83.3% #96AF9B	RGB 150 175 155	#96AF9B
100.0%	100.0% #A2B4A7	RGB 162 180 167	#A2B4A7

#5E995F #699D6B #74A277 #80A683 #8BAB8F #96AF9B #A2B4A7

#5E995F - #A2B4A7

HSV Blend

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

0.0%	0.0% #5E995F	RGB 94 153 95	#5E995F
16.7%	16.7% #689D6B	RGB 104 157 107	#689D6B
33.3%	33.3% #72A277	RGB 114 162 119	#72A277
50.0%	50.0% #7EA684	RGB 126 166 132	#7EA684
66.7%	66.7% #89AB8F	RGB 137 171 143	#89AB8F
83.3%	83.3% #95AF9B	RGB 149 175 155	#95AF9B
100.0%	100.0% #A2B4A7	RGB 162 180 167	#A2B4A7

#5E995F #689D6B #72A277 #7EA684 #89AB8F #95AF9B #A2B4A7

#5E995F - #7EA684 - #A2B4A7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E995F 0%, #7EA684 50%, #A2B4A7 100%);
    background: -webkit-linear-gradient(top, #5E995F 0%, #7EA684 50%, #A2B4A7 100%);
    background: linear-gradient(to bottom, #5E995F 0%, #7EA684 50%, #A2B4A7 100%);
}
</style>