#2D5E3B - #0A2A1E | 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 #2D5E3B to #0A2A1E

#2D5E3B #0A2A1E

Calculate the color between two colors, #2D5E3B and #0A2A1E. 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)

#2D5E3B - #0A2A1E | 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 #2D5E3B as 0% and #0A2A1E as 100%.

0.0%	0.0% #2D5E3B	RGB 45 94 59	#2D5E3B
16.7%	16.7% #275536	RGB 39 85 54	#275536
33.3%	33.3% #214C31	RGB 33 76 49	#214C31
50.0%	50.0% #1B442C	RGB 27 68 44	#1B442C
66.7%	66.7% #153B27	RGB 21 59 39	#153B27
83.3%	83.3% #0F3222	RGB 15 50 34	#0F3222
100.0%	100.0% #0A2A1E	RGB 10 42 30	#0A2A1E

#2D5E3B #275536 #214C31 #1B442C #153B27 #0F3222 #0A2A1E

#2D5E3B - #0A2A1E

HSV Blend

#2D5E3B - #0A2A1E | 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 #2D5E3B as 0% and #0A2A1E as 100%.

0.0%	0.0% #2D5E3B	RGB 45 94 59	#2D5E3B
16.7%	16.7% #255535	RGB 37 85 53	#255535
33.3%	33.3% #1E4C30	RGB 30 76 48	#1E4C30
50.0%	50.0% #18442C	RGB 24 68 44	#18442C
66.7%	66.7% #123B27	RGB 18 59 39	#123B27
83.3%	83.3% #0E3222	RGB 14 50 34	#0E3222
100.0%	100.0% #0A2A1E	RGB 10 42 30	#0A2A1E

#2D5E3B #255535 #1E4C30 #18442C #123B27 #0E3222 #0A2A1E

#2D5E3B - #18442C - #0A2A1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E3B 0%, #18442C 50%, #0A2A1E 100%);
    background: -webkit-linear-gradient(top, #2D5E3B 0%, #18442C 50%, #0A2A1E 100%);
    background: linear-gradient(to bottom, #2D5E3B 0%, #18442C 50%, #0A2A1E 100%);
}
</style>