#5E746C - #154235 | 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 #5E746C to #154235

#5E746C #154235

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

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

0.0%	0.0% #5E746C	RGB 94 116 108	#5E746C
16.7%	16.7% #516B62	RGB 81 107 98	#516B62
33.3%	33.3% #456359	RGB 69 99 89	#456359
50.0%	50.0% #395B50	RGB 57 91 80	#395B50
66.7%	66.7% #2D5247	RGB 45 82 71	#2D5247
83.3%	83.3% #214A3E	RGB 33 74 62	#214A3E
100.0%	100.0% #154235	RGB 21 66 53	#154235

#5E746C #516B62 #456359 #395B50 #2D5247 #214A3E #154235

#5E746C - #154235

HSV Blend

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

0.0%	0.0% #5E746C	RGB 94 116 108	#5E746C
16.7%	16.7% #4E6B61	RGB 78 107 97	#4E6B61
33.3%	33.3% #406357	RGB 64 99 87	#406357
50.0%	50.0% #335B4E	RGB 51 91 78	#335B4E
66.7%	66.7% #275245	RGB 39 82 69	#275245
83.3%	83.3% #1D4A3C	RGB 29 74 60	#1D4A3C
100.0%	100.0% #154235	RGB 21 66 53	#154235

#5E746C #4E6B61 #406357 #335B4E #275245 #1D4A3C #154235

#5E746C - #335B4E - #154235

CSS codes

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

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