#2E5E3B - #06111D | 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 #2E5E3B to #06111D

#2E5E3B #06111D

Calculate the color between two colors, #2E5E3B and #06111D. 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)

#2E5E3B - #06111D | 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 #2E5E3B as 0% and #06111D as 100%.

0.0%	0.0% #2E5E3B	RGB 46 94 59	#2E5E3B
16.7%	16.7% #275136	RGB 39 81 54	#275136
33.3%	33.3% #204431	RGB 32 68 49	#204431
50.0%	50.0% #1A372C	RGB 26 55 44	#1A372C
66.7%	66.7% #132A27	RGB 19 42 39	#132A27
83.3%	83.3% #0C1D22	RGB 12 29 34	#0C1D22
100.0%	100.0% #06111D	RGB 6 17 29	#06111D

#2E5E3B #275136 #204431 #1A372C #132A27 #0C1D22 #06111D

#2E5E3B - #06111D

HSV Blend

#2E5E3B - #06111D | 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 #2E5E3B as 0% and #06111D as 100%.

0.0%	0.0% #2E5E3B	RGB 46 94 59	#2E5E3B
16.7%	16.7% #24533B	RGB 36 83 59	#24533B
33.3%	33.3% #1C483A	RGB 28 72 58	#1C483A
50.0%	50.0% #153D39	RGB 21 61 57	#153D39
66.7%	66.7% #0F2E32	RGB 15 46 50	#0F2E32
83.3%	83.3% #0A1E27	RGB 10 30 39	#0A1E27
100.0%	100.0% #06111D	RGB 6 17 29	#06111D

#2E5E3B #24533B #1C483A #153D39 #0F2E32 #0A1E27 #06111D

#2E5E3B - #153D39 - #06111D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E3B 0%, #153D39 50%, #06111D 100%);
    background: -webkit-linear-gradient(top, #2E5E3B 0%, #153D39 50%, #06111D 100%);
    background: linear-gradient(to bottom, #2E5E3B 0%, #153D39 50%, #06111D 100%);
}
</style>