#5E7E76 - #144B3B | 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 #5E7E76 to #144B3B

#5E7E76 #144B3B

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

#5E7E76 - #144B3B | 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 #5E7E76 as 0% and #144B3B as 100%.

0.0%	0.0% #5E7E76	RGB 94 126 118	#5E7E76
16.7%	16.7% #51756C	RGB 81 117 108	#51756C
33.3%	33.3% #456D62	RGB 69 109 98	#456D62
50.0%	50.0% #396458	RGB 57 100 88	#396458
66.7%	66.7% #2C5C4E	RGB 44 92 78	#2C5C4E
83.3%	83.3% #205344	RGB 32 83 68	#205344
100.0%	100.0% #144B3B	RGB 20 75 59	#144B3B

#5E7E76 #51756C #456D62 #396458 #2C5C4E #205344 #144B3B

#5E7E76 - #144B3B

HSV Blend

#5E7E76 - #144B3B | 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 #5E7E76 as 0% and #144B3B as 100%.

0.0%	0.0% #5E7E76	RGB 94 126 118	#5E7E76
16.7%	16.7% #4E756B	RGB 78 117 107	#4E756B
33.3%	33.3% #3F6D61	RGB 63 109 97	#3F6D61
50.0%	50.0% #326457	RGB 50 100 87	#326457
66.7%	66.7% #275C4D	RGB 39 92 77	#275C4D
83.3%	83.3% #1C5343	RGB 28 83 67	#1C5343
100.0%	100.0% #144B3B	RGB 20 75 59	#144B3B

#5E7E76 #4E756B #3F6D61 #326457 #275C4D #1C5343 #144B3B

#5E7E76 - #326457 - #144B3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E76 0%, #326457 50%, #144B3B 100%);
    background: -webkit-linear-gradient(top, #5E7E76 0%, #326457 50%, #144B3B 100%);
    background: linear-gradient(to bottom, #5E7E76 0%, #326457 50%, #144B3B 100%);
}
</style>