#9BA26A - #5C6B20 | 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 #9BA26A to #5C6B20

#9BA26A #5C6B20

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

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

0.0%	0.0% #9BA26A	RGB 155 162 106	#9BA26A
16.7%	16.7% #90985D	RGB 144 152 93	#90985D
33.3%	33.3% #868F51	RGB 134 143 81	#868F51
50.0%	50.0% #7B8645	RGB 123 134 69	#7B8645
66.7%	66.7% #717D38	RGB 113 125 56	#717D38
83.3%	83.3% #66742C	RGB 102 116 44	#66742C
100.0%	100.0% #5C6B20	RGB 92 107 32	#5C6B20

#9BA26A #90985D #868F51 #7B8645 #717D38 #66742C #5C6B20

#9BA26A - #5C6B20

HSV Blend

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

0.0%	0.0% #9BA26A	RGB 155 162 106	#9BA26A
16.7%	16.7% #90985A	RGB 144 152 90	#90985A
33.3%	33.3% #858F4C	RGB 133 143 76	#858F4C
50.0%	50.0% #7B8640	RGB 123 134 64	#7B8640
66.7%	66.7% #707D34	RGB 112 125 52	#707D34
83.3%	83.3% #667429	RGB 102 116 41	#667429
100.0%	100.0% #5C6B20	RGB 92 107 32	#5C6B20

#9BA26A #90985A #858F4C #7B8640 #707D34 #667429 #5C6B20

#9BA26A - #7B8640 - #5C6B20

CSS codes

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

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