#2E5E4C - #86A970 | 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 #2E5E4C to #86A970

#2E5E4C #86A970

Calculate the color between two colors, #2E5E4C and #86A970. 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)

#2E5E4C - #86A970 | 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 #2E5E4C as 0% and #86A970 as 100%.

0.0%	0.0% #2E5E4C	RGB 46 94 76	#2E5E4C
16.7%	16.7% #3C6A52	RGB 60 106 82	#3C6A52
33.3%	33.3% #4B7758	RGB 75 119 88	#4B7758
50.0%	50.0% #5A835E	RGB 90 131 94	#5A835E
66.7%	66.7% #689064	RGB 104 144 100	#689064
83.3%	83.3% #779C6A	RGB 119 156 106	#779C6A
100.0%	100.0% #86A970	RGB 134 169 112	#86A970

#2E5E4C #3C6A52 #4B7758 #5A835E #689064 #779C6A #86A970

#2E5E4C - #86A970

HSV Blend

#2E5E4C - #86A970 | 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 #2E5E4C as 0% and #86A970 as 100%.

0.0%	0.0% #2E5E4C	RGB 46 94 76	#2E5E4C
16.7%	16.7% #376A4E	RGB 55 106 78	#376A4E
33.3%	33.3% #417750	RGB 65 119 80	#417750
50.0%	50.0% #4B8352	RGB 75 131 82	#4B8352
66.7%	66.7% #599057	RGB 89 144 87	#599057
83.3%	83.3% #6F9C63	RGB 111 156 99	#6F9C63
100.0%	100.0% #86A970	RGB 134 169 112	#86A970

#2E5E4C #376A4E #417750 #4B8352 #599057 #6F9C63 #86A970

#2E5E4C - #4B8352 - #86A970

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E4C 0%, #4B8352 50%, #86A970 100%);
    background: -webkit-linear-gradient(top, #2E5E4C 0%, #4B8352 50%, #86A970 100%);
    background: linear-gradient(to bottom, #2E5E4C 0%, #4B8352 50%, #86A970 100%);
}
</style>