#76AA5E - #2B6B18 | 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 #76AA5E to #2B6B18

#76AA5E #2B6B18

Calculate the color between two colors, #76AA5E and #2B6B18. 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)

#76AA5E - #2B6B18 | 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 #76AA5E as 0% and #2B6B18 as 100%.

0.0%	0.0% #76AA5E	RGB 118 170 94	#76AA5E
16.7%	16.7% #699F52	RGB 105 159 82	#699F52
33.3%	33.3% #5D9546	RGB 93 149 70	#5D9546
50.0%	50.0% #508A3B	RGB 80 138 59	#508A3B
66.7%	66.7% #44802F	RGB 68 128 47	#44802F
83.3%	83.3% #377523	RGB 55 117 35	#377523
100.0%	100.0% #2B6B18	RGB 43 107 24	#2B6B18

#76AA5E #699F52 #5D9546 #508A3B #44802F #377523 #2B6B18

#76AA5E - #2B6B18

HSV Blend

#76AA5E - #2B6B18 | 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 #76AA5E as 0% and #2B6B18 as 100%.

0.0%	0.0% #76AA5E	RGB 118 170 94	#76AA5E
16.7%	16.7% #679F4F	RGB 103 159 79	#679F4F
33.3%	33.3% #599542	RGB 89 149 66	#599542
50.0%	50.0% #4C8A35	RGB 76 138 53	#4C8A35
66.7%	66.7% #40802A	RGB 64 128 42	#40802A
83.3%	83.3% #357520	RGB 53 117 32	#357520
100.0%	100.0% #2B6B18	RGB 43 107 24	#2B6B18

#76AA5E #679F4F #599542 #4C8A35 #40802A #357520 #2B6B18

#76AA5E - #4C8A35 - #2B6B18

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76AA5E 0%, #4C8A35 50%, #2B6B18 100%);
    background: -webkit-linear-gradient(top, #76AA5E 0%, #4C8A35 50%, #2B6B18 100%);
    background: linear-gradient(to bottom, #76AA5E 0%, #4C8A35 50%, #2B6B18 100%);
}
</style>