#5E736B - #164134 | 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 #5E736B to #164134

#5E736B #164134

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

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

0.0%	0.0% #5E736B	RGB 94 115 107	#5E736B
16.7%	16.7% #526A61	RGB 82 106 97	#526A61
33.3%	33.3% #466258	RGB 70 98 88	#466258
50.0%	50.0% #3A5A4F	RGB 58 90 79	#3A5A4F
66.7%	66.7% #2E5146	RGB 46 81 70	#2E5146
83.3%	83.3% #22493D	RGB 34 73 61	#22493D
100.0%	100.0% #164134	RGB 22 65 52	#164134

#5E736B #526A61 #466258 #3A5A4F #2E5146 #22493D #164134

#5E736B - #164134

HSV Blend

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

0.0%	0.0% #5E736B	RGB 94 115 107	#5E736B
16.7%	16.7% #4E6A60	RGB 78 106 96	#4E6A60
33.3%	33.3% #406256	RGB 64 98 86	#406256
50.0%	50.0% #345A4D	RGB 52 90 77	#345A4D
66.7%	66.7% #285144	RGB 40 81 68	#285144
83.3%	83.3% #1E493B	RGB 30 73 59	#1E493B
100.0%	100.0% #164134	RGB 22 65 52	#164134

#5E736B #4E6A60 #406256 #345A4D #285144 #1E493B #164134

#5E736B - #345A4D - #164134

CSS codes

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

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