#5E877D - #145341 | 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 #5E877D to #145341

#5E877D #145341

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

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

0.0%	0.0% #5E877D	RGB 94 135 125	#5E877D
16.7%	16.7% #517E73	RGB 81 126 115	#517E73
33.3%	33.3% #457569	RGB 69 117 105	#457569
50.0%	50.0% #396D5F	RGB 57 109 95	#396D5F
66.7%	66.7% #2C6455	RGB 44 100 85	#2C6455
83.3%	83.3% #205B4B	RGB 32 91 75	#205B4B
100.0%	100.0% #145341	RGB 20 83 65	#145341

#5E877D #517E73 #457569 #396D5F #2C6455 #205B4B #145341

#5E877D - #145341

HSV Blend

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

0.0%	0.0% #5E877D	RGB 94 135 125	#5E877D
16.7%	16.7% #4E7E72	RGB 78 126 114	#4E7E72
33.3%	33.3% #407567	RGB 64 117 103	#407567
50.0%	50.0% #336D5D	RGB 51 109 93	#336D5D
66.7%	66.7% #276453	RGB 39 100 83	#276453
83.3%	83.3% #1D5B4A	RGB 29 91 74	#1D5B4A
100.0%	100.0% #145341	RGB 20 83 65	#145341

#5E877D #4E7E72 #407567 #336D5D #276453 #1D5B4A #145341

#5E877D - #336D5D - #145341

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E877D 0%, #336D5D 50%, #145341 100%);
    background: -webkit-linear-gradient(top, #5E877D 0%, #336D5D 50%, #145341 100%);
    background: linear-gradient(to bottom, #5E877D 0%, #336D5D 50%, #145341 100%);
}
</style>