#355940 - #5EBF9B | 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 #355940 to #5EBF9B

#355940 #5EBF9B

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

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

0.0%	0.0% #355940	RGB 53 89 64	#355940
16.7%	16.7% #3B6A4F	RGB 59 106 79	#3B6A4F
33.3%	33.3% #427B5E	RGB 66 123 94	#427B5E
50.0%	50.0% #498C6D	RGB 73 140 109	#498C6D
66.7%	66.7% #509D7C	RGB 80 157 124	#509D7C
83.3%	83.3% #57AE8B	RGB 87 174 139	#57AE8B
100.0%	100.0% #5EBF9B	RGB 94 191 155	#5EBF9B

#355940 #3B6A4F #427B5E #498C6D #509D7C #57AE8B #5EBF9B

#355940 - #5EBF9B

HSV Blend

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

0.0%	0.0% #355940	RGB 53 89 64	#355940
16.7%	16.7% #3D6A4D	RGB 61 106 77	#3D6A4D
33.3%	33.3% #457B5B	RGB 69 123 91	#457B5B
50.0%	50.0% #4C8C69	RGB 76 140 105	#4C8C69
66.7%	66.7% #529D79	RGB 82 157 121	#529D79
83.3%	83.3% #58AE89	RGB 88 174 137	#58AE89
100.0%	100.0% #5EBF9B	RGB 94 191 155	#5EBF9B

#355940 #3D6A4D #457B5B #4C8C69 #529D79 #58AE89 #5EBF9B

#355940 - #4C8C69 - #5EBF9B

CSS codes

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

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