#5E8F89 - #125C4B | 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 #5E8F89 to #125C4B

#5E8F89 #125C4B

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

#5E8F89 - #125C4B | 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 #5E8F89 as 0% and #125C4B as 100%.

0.0%	0.0% #5E8F89	RGB 94 143 137	#5E8F89
16.7%	16.7% #51867E	RGB 81 134 126	#51867E
33.3%	33.3% #447E74	RGB 68 126 116	#447E74
50.0%	50.0% #38756A	RGB 56 117 106	#38756A
66.7%	66.7% #2B6D5F	RGB 43 109 95	#2B6D5F
83.3%	83.3% #1E6455	RGB 30 100 85	#1E6455
100.0%	100.0% #125C4B	RGB 18 92 75	#125C4B

#5E8F89 #51867E #447E74 #38756A #2B6D5F #1E6455 #125C4B

#5E8F89 - #125C4B

HSV Blend

#5E8F89 - #125C4B | 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 #5E8F89 as 0% and #125C4B as 100%.

0.0%	0.0% #5E8F89	RGB 94 143 137	#5E8F89
16.7%	16.7% #4E867E	RGB 78 134 126	#4E867E
33.3%	33.3% #3F7E74	RGB 63 126 116	#3F7E74
50.0%	50.0% #327569	RGB 50 117 105	#327569
66.7%	66.7% #266D5F	RGB 38 109 95	#266D5F
83.3%	83.3% #1B6455	RGB 27 100 85	#1B6455
100.0%	100.0% #125C4B	RGB 18 92 75	#125C4B

#5E8F89 #4E867E #3F7E74 #327569 #266D5F #1B6455 #125C4B

#5E8F89 - #327569 - #125C4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F89 0%, #327569 50%, #125C4B 100%);
    background: -webkit-linear-gradient(top, #5E8F89 0%, #327569 50%, #125C4B 100%);
    background: linear-gradient(to bottom, #5E8F89 0%, #327569 50%, #125C4B 100%);
}
</style>