#2F582B - #0E3A01 | 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 #2F582B to #0E3A01

#2F582B #0E3A01

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

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

0.0%	0.0% #2F582B	RGB 47 88 43	#2F582B
16.7%	16.7% #295324	RGB 41 83 36	#295324
33.3%	33.3% #244E1D	RGB 36 78 29	#244E1D
50.0%	50.0% #1E4916	RGB 30 73 22	#1E4916
66.7%	66.7% #19440F	RGB 25 68 15	#19440F
83.3%	83.3% #133F08	RGB 19 63 8	#133F08
100.0%	100.0% #0E3A01	RGB 14 58 1	#0E3A01

#2F582B #295324 #244E1D #1E4916 #19440F #133F08 #0E3A01

#2F582B - #0E3A01

HSV Blend

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

0.0%	0.0% #2F582B	RGB 47 88 43	#2F582B
16.7%	16.7% #275322	RGB 39 83 34	#275322
33.3%	33.3% #204E19	RGB 32 78 25	#204E19
50.0%	50.0% #1B4912	RGB 27 73 18	#1B4912
66.7%	66.7% #16440B	RGB 22 68 11	#16440B
83.3%	83.3% #113F06	RGB 17 63 6	#113F06
100.0%	100.0% #0E3A01	RGB 14 58 1	#0E3A01

#2F582B #275322 #204E19 #1B4912 #16440B #113F06 #0E3A01

#2F582B - #1B4912 - #0E3A01

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F582B 0%, #1B4912 50%, #0E3A01 100%);
    background: -webkit-linear-gradient(top, #2F582B 0%, #1B4912 50%, #0E3A01 100%);
    background: linear-gradient(to bottom, #2F582B 0%, #1B4912 50%, #0E3A01 100%);
}
</style>