#5E726A - #164033 | 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 #5E726A to #164033

#5E726A #164033

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

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

0.0%	0.0% #5E726A	RGB 94 114 106	#5E726A
16.7%	16.7% #526960	RGB 82 105 96	#526960
33.3%	33.3% #466157	RGB 70 97 87	#466157
50.0%	50.0% #3A594E	RGB 58 89 78	#3A594E
66.7%	66.7% #2E5045	RGB 46 80 69	#2E5045
83.3%	83.3% #22483C	RGB 34 72 60	#22483C
100.0%	100.0% #164033	RGB 22 64 51	#164033

#5E726A #526960 #466157 #3A594E #2E5045 #22483C #164033

#5E726A - #164033

HSV Blend

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

0.0%	0.0% #5E726A	RGB 94 114 106	#5E726A
16.7%	16.7% #4E695F	RGB 78 105 95	#4E695F
33.3%	33.3% #406155	RGB 64 97 85	#406155
50.0%	50.0% #33594B	RGB 51 89 75	#33594B
66.7%	66.7% #285043	RGB 40 80 67	#285043
83.3%	83.3% #1E483A	RGB 30 72 58	#1E483A
100.0%	100.0% #164033	RGB 22 64 51	#164033

#5E726A #4E695F #406155 #33594B #285043 #1E483A #164033

#5E726A - #33594B - #164033

CSS codes

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

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