#5E7E74 - #146861 | 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 #5E7E74 to #146861

#5E7E74 #146861

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

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

0.0%	0.0% #5E7E74	RGB 94 126 116	#5E7E74
16.7%	16.7% #517A70	RGB 81 122 112	#517A70
33.3%	33.3% #45766D	RGB 69 118 109	#45766D
50.0%	50.0% #39736A	RGB 57 115 106	#39736A
66.7%	66.7% #2C6F67	RGB 44 111 103	#2C6F67
83.3%	83.3% #206B64	RGB 32 107 100	#206B64
100.0%	100.0% #146861	RGB 20 104 97	#146861

#5E7E74 #517A70 #45766D #39736A #2C6F67 #206B64 #146861

#5E7E74 - #146861

HSV Blend

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

0.0%	0.0% #5E7E74	RGB 94 126 116	#5E7E74
16.7%	16.7% #4F7A6E	RGB 79 122 110	#4F7A6E
33.3%	33.3% #42766A	RGB 66 118 106	#42766A
50.0%	50.0% #357366	RGB 53 115 102	#357366
66.7%	66.7% #296F64	RGB 41 111 100	#296F64
83.3%	83.3% #1E6B62	RGB 30 107 98	#1E6B62
100.0%	100.0% #146861	RGB 20 104 97	#146861

#5E7E74 #4F7A6E #42766A #357366 #296F64 #1E6B62 #146861

#5E7E74 - #357366 - #146861

CSS codes

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

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