#5E8F7F - #1E5952 | 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 #5E8F7F to #1E5952

#5E8F7F #1E5952

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

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

0.0%	0.0% #5E8F7F	RGB 94 143 127	#5E8F7F
16.7%	16.7% #538677	RGB 83 134 119	#538677
33.3%	33.3% #487D70	RGB 72 125 112	#487D70
50.0%	50.0% #3E7468	RGB 62 116 104	#3E7468
66.7%	66.7% #336B61	RGB 51 107 97	#336B61
83.3%	83.3% #286259	RGB 40 98 89	#286259
100.0%	100.0% #1E5952	RGB 30 89 82	#1E5952

#5E8F7F #538677 #487D70 #3E7468 #336B61 #286259 #1E5952

#5E8F7F - #1E5952

HSV Blend

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

0.0%	0.0% #5E8F7F	RGB 94 143 127	#5E8F7F
16.7%	16.7% #508676	RGB 80 134 118	#508676
33.3%	33.3% #447D6E	RGB 68 125 110	#447D6E
50.0%	50.0% #397467	RGB 57 116 103	#397467
66.7%	66.7% #2F6B5F	RGB 47 107 95	#2F6B5F
83.3%	83.3% #266258	RGB 38 98 88	#266258
100.0%	100.0% #1E5952	RGB 30 89 82	#1E5952

#5E8F7F #508676 #447D6E #397467 #2F6B5F #266258 #1E5952

#5E8F7F - #397467 - #1E5952

CSS codes

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

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