#355936 - #5EBF7E | 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 #355936 to #5EBF7E

#355936 #5EBF7E

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

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

0.0%	0.0% #355936	RGB 53 89 54	#355936
16.7%	16.7% #3B6A42	RGB 59 106 66	#3B6A42
33.3%	33.3% #427B4E	RGB 66 123 78	#427B4E
50.0%	50.0% #498C5A	RGB 73 140 90	#498C5A
66.7%	66.7% #509D66	RGB 80 157 102	#509D66
83.3%	83.3% #57AE72	RGB 87 174 114	#57AE72
100.0%	100.0% #5EBF7E	RGB 94 191 126	#5EBF7E

#355936 #3B6A42 #427B4E #498C5A #509D66 #57AE72 #5EBF7E

#355936 - #5EBF7E

HSV Blend

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

0.0%	0.0% #355936	RGB 53 89 54	#355936
16.7%	16.7% #3D6A40	RGB 61 106 64	#3D6A40
33.3%	33.3% #457B4B	RGB 69 123 75	#457B4B
50.0%	50.0% #4C8C57	RGB 76 140 87	#4C8C57
66.7%	66.7% #529D63	RGB 82 157 99	#529D63
83.3%	83.3% #58AE70	RGB 88 174 112	#58AE70
100.0%	100.0% #5EBF7E	RGB 94 191 126	#5EBF7E

#355936 #3D6A40 #457B4B #4C8C57 #529D63 #58AE70 #5EBF7E

#355936 - #4C8C57 - #5EBF7E

CSS codes

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

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