#5E8C74 - #1A533C | 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 #5E8C74 to #1A533C

#5E8C74 #1A533C

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

#5E8C74 - #1A533C | 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 #5E8C74 as 0% and #1A533C as 100%.

0.0%	0.0% #5E8C74	RGB 94 140 116	#5E8C74
16.7%	16.7% #52826A	RGB 82 130 106	#52826A
33.3%	33.3% #477961	RGB 71 121 97	#477961
50.0%	50.0% #3C6F58	RGB 60 111 88	#3C6F58
66.7%	66.7% #30664E	RGB 48 102 78	#30664E
83.3%	83.3% #255C45	RGB 37 92 69	#255C45
100.0%	100.0% #1A533C	RGB 26 83 60	#1A533C

#5E8C74 #52826A #477961 #3C6F58 #30664E #255C45 #1A533C

#5E8C74 - #1A533C

HSV Blend

#5E8C74 - #1A533C | 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 #5E8C74 as 0% and #1A533C as 100%.

0.0%	0.0% #5E8C74	RGB 94 140 116	#5E8C74
16.7%	16.7% #4F8269	RGB 79 130 105	#4F8269
33.3%	33.3% #42795E	RGB 66 121 94	#42795E
50.0%	50.0% #366F55	RGB 54 111 85	#366F55
66.7%	66.7% #2C664C	RGB 44 102 76	#2C664C
83.3%	83.3% #225C43	RGB 34 92 67	#225C43
100.0%	100.0% #1A533C	RGB 26 83 60	#1A533C

#5E8C74 #4F8269 #42795E #366F55 #2C664C #225C43 #1A533C

#5E8C74 - #366F55 - #1A533C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C74 0%, #366F55 50%, #1A533C 100%);
    background: -webkit-linear-gradient(top, #5E8C74 0%, #366F55 50%, #1A533C 100%);
    background: linear-gradient(to bottom, #5E8C74 0%, #366F55 50%, #1A533C 100%);
}
</style>