#5E8F7D - #196740 | 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 #5E8F7D to #196740

#5E8F7D #196740

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

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

0.0%	0.0% #5E8F7D	RGB 94 143 125	#5E8F7D
16.7%	16.7% #528872	RGB 82 136 114	#528872
33.3%	33.3% #478168	RGB 71 129 104	#478168
50.0%	50.0% #3B7B5E	RGB 59 123 94	#3B7B5E
66.7%	66.7% #307454	RGB 48 116 84	#307454
83.3%	83.3% #246D4A	RGB 36 109 74	#246D4A
100.0%	100.0% #196740	RGB 25 103 64	#196740

#5E8F7D #528872 #478168 #3B7B5E #307454 #246D4A #196740

#5E8F7D - #196740

HSV Blend

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

0.0%	0.0% #5E8F7D	RGB 94 143 125	#5E8F7D
16.7%	16.7% #508872	RGB 80 136 114	#508872
33.3%	33.3% #438168	RGB 67 129 104	#438168
50.0%	50.0% #377B5D	RGB 55 123 93	#377B5D
66.7%	66.7% #2C7453	RGB 44 116 83	#2C7453
83.3%	83.3% #226D49	RGB 34 109 73	#226D49
100.0%	100.0% #196740	RGB 25 103 64	#196740

#5E8F7D #508872 #438168 #377B5D #2C7453 #226D49 #196740

#5E8F7D - #377B5D - #196740

CSS codes

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

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