#2B5E32 - #74C4B7 | 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 #2B5E32 to #74C4B7

#2B5E32 #74C4B7

Calculate the color between two colors, #2B5E32 and #74C4B7. 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)

#2B5E32 - #74C4B7 | 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 #2B5E32 as 0% and #74C4B7 as 100%.

0.0%	0.0% #2B5E32	RGB 43 94 50	#2B5E32
16.7%	16.7% #376F48	RGB 55 111 72	#376F48
33.3%	33.3% #43805E	RGB 67 128 94	#43805E
50.0%	50.0% #4F9174	RGB 79 145 116	#4F9174
66.7%	66.7% #5BA28A	RGB 91 162 138	#5BA28A
83.3%	83.3% #67B3A0	RGB 103 179 160	#67B3A0
100.0%	100.0% #74C4B7	RGB 116 196 183	#74C4B7

#2B5E32 #376F48 #43805E #4F9174 #5BA28A #67B3A0 #74C4B7

#2B5E32 - #74C4B7

HSV Blend

#2B5E32 - #74C4B7 | 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 #2B5E32 as 0% and #74C4B7 as 100%.

0.0%	0.0% #2B5E32	RGB 43 94 50	#2B5E32
16.7%	16.7% #356F43	RGB 53 111 67	#356F43
33.3%	33.3% #408057	RGB 64 128 87	#408057
50.0%	50.0% #4C916D	RGB 76 145 109	#4C916D
66.7%	66.7% #58A284	RGB 88 162 132	#58A284
83.3%	83.3% #65B39D	RGB 101 179 157	#65B39D
100.0%	100.0% #74C4B7	RGB 116 196 183	#74C4B7

#2B5E32 #356F43 #408057 #4C916D #58A284 #65B39D #74C4B7

#2B5E32 - #4C916D - #74C4B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E32 0%, #4C916D 50%, #74C4B7 100%);
    background: -webkit-linear-gradient(top, #2B5E32 0%, #4C916D 50%, #74C4B7 100%);
    background: linear-gradient(to bottom, #2B5E32 0%, #4C916D 50%, #74C4B7 100%);
}
</style>