#85A792 - #3C5E4F | 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 #85A792 to #3C5E4F

#85A792 #3C5E4F

Calculate the color between two colors, #85A792 and #3C5E4F. 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)

#85A792 - #3C5E4F | 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 #85A792 as 0% and #3C5E4F as 100%.

0.0%	0.0% #85A792	RGB 133 167 146	#85A792
16.7%	16.7% #789A86	RGB 120 154 134	#789A86
33.3%	33.3% #6C8E7B	RGB 108 142 123	#6C8E7B
50.0%	50.0% #608270	RGB 96 130 112	#608270
66.7%	66.7% #547665	RGB 84 118 101	#547665
83.3%	83.3% #486A5A	RGB 72 106 90	#486A5A
100.0%	100.0% #3C5E4F	RGB 60 94 79	#3C5E4F

#85A792 #789A86 #6C8E7B #608270 #547665 #486A5A #3C5E4F

#85A792 - #3C5E4F

HSV Blend

#85A792 - #3C5E4F | 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 #85A792 as 0% and #3C5E4F as 100%.

0.0%	0.0% #85A792	RGB 133 167 146	#85A792
16.7%	16.7% #779A85	RGB 119 154 133	#779A85
33.3%	33.3% #6A8E7A	RGB 106 142 122	#6A8E7A
50.0%	50.0% #5D826E	RGB 93 130 110	#5D826E
66.7%	66.7% #517664	RGB 81 118 100	#517664
83.3%	83.3% #466A59	RGB 70 106 89	#466A59
100.0%	100.0% #3C5E4F	RGB 60 94 79	#3C5E4F

#85A792 #779A85 #6A8E7A #5D826E #517664 #466A59 #3C5E4F

#85A792 - #5D826E - #3C5E4F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85A792 0%, #5D826E 50%, #3C5E4F 100%);
    background: -webkit-linear-gradient(top, #85A792 0%, #5D826E 50%, #3C5E4F 100%);
    background: linear-gradient(to bottom, #85A792 0%, #5D826E 50%, #3C5E4F 100%);
}
</style>