#5A8F79 - #165740 | 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 #5A8F79 to #165740

#5A8F79 #165740

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

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

0.0%	0.0% #5A8F79	RGB 90 143 121	#5A8F79
16.7%	16.7% #4E856F	RGB 78 133 111	#4E856F
33.3%	33.3% #437C66	RGB 67 124 102	#437C66
50.0%	50.0% #38735C	RGB 56 115 92	#38735C
66.7%	66.7% #2C6953	RGB 44 105 83	#2C6953
83.3%	83.3% #216049	RGB 33 96 73	#216049
100.0%	100.0% #165740	RGB 22 87 64	#165740

#5A8F79 #4E856F #437C66 #38735C #2C6953 #216049 #165740

#5A8F79 - #165740

HSV Blend

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

0.0%	0.0% #5A8F79	RGB 90 143 121	#5A8F79
16.7%	16.7% #4B856E	RGB 75 133 110	#4B856E
33.3%	33.3% #3E7C63	RGB 62 124 99	#3E7C63
50.0%	50.0% #32735A	RGB 50 115 90	#32735A
66.7%	66.7% #276951	RGB 39 105 81	#276951
83.3%	83.3% #1E6048	RGB 30 96 72	#1E6048
100.0%	100.0% #165740	RGB 22 87 64	#165740

#5A8F79 #4B856E #3E7C63 #32735A #276951 #1E6048 #165740

#5A8F79 - #32735A - #165740

CSS codes

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

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