#2B5D4D - #82A871 | 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 #2B5D4D to #82A871

#2B5D4D #82A871

Calculate the color between two colors, #2B5D4D and #82A871. 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)

#2B5D4D - #82A871 | 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 #2B5D4D as 0% and #82A871 as 100%.

0.0%	0.0% #2B5D4D	RGB 43 93 77	#2B5D4D
16.7%	16.7% #396953	RGB 57 105 83	#396953
33.3%	33.3% #487659	RGB 72 118 89	#487659
50.0%	50.0% #56825F	RGB 86 130 95	#56825F
66.7%	66.7% #658F65	RGB 101 143 101	#658F65
83.3%	83.3% #739B6B	RGB 115 155 107	#739B6B
100.0%	100.0% #82A871	RGB 130 168 113	#82A871

#2B5D4D #396953 #487659 #56825F #658F65 #739B6B #82A871

#2B5D4D - #82A871

HSV Blend

#2B5D4D - #82A871 | 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 #2B5D4D as 0% and #82A871 as 100%.

0.0%	0.0% #2A5D4C	RGB 42 93 76	#2A5D4C
16.7%	16.7% #34694F	RGB 52 105 79	#34694F
33.3%	33.3% #3E7652	RGB 62 118 82	#3E7652
50.0%	50.0% #4A8254	RGB 74 130 84	#4A8254
66.7%	66.7% #568F57	RGB 86 143 87	#568F57
83.3%	83.3% #6B9B63	RGB 107 155 99	#6B9B63
100.0%	100.0% #82A871	RGB 130 168 113	#82A871

#2A5D4C #34694F #3E7652 #4A8254 #568F57 #6B9B63 #82A871

#2B5D4D - #4A8254 - #82A871

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A5D4C 0%, #4A8254 50%, #82A871 100%);
    background: -webkit-linear-gradient(top, #2A5D4C 0%, #4A8254 50%, #82A871 100%);
    background: linear-gradient(to bottom, #2A5D4C 0%, #4A8254 50%, #82A871 100%);
}
</style>