#5E716B - #144034 | 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 #5E716B to #144034

#5E716B #144034

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

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

0.0%	0.0% #5E716B	RGB 94 113 107	#5E716B
16.7%	16.7% #516861	RGB 81 104 97	#516861
33.3%	33.3% #456058	RGB 69 96 88	#456058
50.0%	50.0% #39584F	RGB 57 88 79	#39584F
66.7%	66.7% #2C5046	RGB 44 80 70	#2C5046
83.3%	83.3% #20483D	RGB 32 72 61	#20483D
100.0%	100.0% #144034	RGB 20 64 52	#144034

#5E716B #516861 #456058 #39584F #2C5046 #20483D #144034

#5E716B - #144034

HSV Blend

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

0.0%	0.0% #5E716B	RGB 94 113 107	#5E716B
16.7%	16.7% #4E6860	RGB 78 104 96	#4E6860
33.3%	33.3% #3F6056	RGB 63 96 86	#3F6056
50.0%	50.0% #32584D	RGB 50 88 77	#32584D
66.7%	66.7% #275044	RGB 39 80 68	#275044
83.3%	83.3% #1C483C	RGB 28 72 60	#1C483C
100.0%	100.0% #144034	RGB 20 64 52	#144034

#5E716B #4E6860 #3F6056 #32584D #275044 #1C483C #144034

#5E716B - #32584D - #144034

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E716B 0%, #32584D 50%, #144034 100%);
    background: -webkit-linear-gradient(top, #5E716B 0%, #32584D 50%, #144034 100%);
    background: linear-gradient(to bottom, #5E716B 0%, #32584D 50%, #144034 100%);
}
</style>