#325535 - #5CBA80 | 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 #325535 to #5CBA80

#325535 #5CBA80

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

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

0.0%	0.0% #325535	RGB 50 85 53	#325535
16.7%	16.7% #396541	RGB 57 101 65	#396541
33.3%	33.3% #40764E	RGB 64 118 78	#40764E
50.0%	50.0% #47875A	RGB 71 135 90	#47875A
66.7%	66.7% #4E9867	RGB 78 152 103	#4E9867
83.3%	83.3% #55A973	RGB 85 169 115	#55A973
100.0%	100.0% #5CBA80	RGB 92 186 128	#5CBA80

#325535 #396541 #40764E #47875A #4E9867 #55A973 #5CBA80

#325535 - #5CBA80

HSV Blend

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

0.0%	0.0% #325535	RGB 50 85 53	#325535
16.7%	16.7% #3A6540	RGB 58 101 64	#3A6540
33.3%	33.3% #42764B	RGB 66 118 75	#42764B
50.0%	50.0% #498757	RGB 73 135 87	#498757
66.7%	66.7% #509864	RGB 80 152 100	#509864
83.3%	83.3% #56A971	RGB 86 169 113	#56A971
100.0%	100.0% #5CBA80	RGB 92 186 128	#5CBA80

#325535 #3A6540 #42764B #498757 #509864 #56A971 #5CBA80

#325535 - #498757 - #5CBA80

CSS codes

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

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