#1B611B - #A4B84E | 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 #1B611B to #A4B84E

#1B611B #A4B84E

Calculate the color between two colors, #1B611B and #A4B84E. 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)

#1B611B - #A4B84E | 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 #1B611B as 0% and #A4B84E as 100%.

0.0%	0.0% #1B611B	RGB 27 97 27	#1B611B
16.7%	16.7% #316F23	RGB 49 111 35	#316F23
33.3%	33.3% #487E2C	RGB 72 126 44	#487E2C
50.0%	50.0% #5F8C34	RGB 95 140 52	#5F8C34
66.7%	66.7% #769B3D	RGB 118 155 61	#769B3D
83.3%	83.3% #8DA945	RGB 141 169 69	#8DA945
100.0%	100.0% #A4B84E	RGB 164 184 78	#A4B84E

#1B611B #316F23 #487E2C #5F8C34 #769B3D #8DA945 #A4B84E

#1B611B - #A4B84E

HSV Blend

#1B611B - #A4B84E | 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 #1B611B as 0% and #A4B84E as 100%.

0.0%	0.0% #1B611B	RGB 27 97 27	#1B611B
16.7%	16.7% #2C6F21	RGB 44 111 33	#2C6F21
33.3%	33.3% #407E29	RGB 64 126 41	#407E29
50.0%	50.0% #568C31	RGB 86 140 49	#568C31
66.7%	66.7% #6E9B3A	RGB 110 155 58	#6E9B3A
83.3%	83.3% #88A943	RGB 136 169 67	#88A943
100.0%	100.0% #A4B84E	RGB 164 184 78	#A4B84E

#1B611B #2C6F21 #407E29 #568C31 #6E9B3A #88A943 #A4B84E

#1B611B - #568C31 - #A4B84E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B611B 0%, #568C31 50%, #A4B84E 100%);
    background: -webkit-linear-gradient(top, #1B611B 0%, #568C31 50%, #A4B84E 100%);
    background: linear-gradient(to bottom, #1B611B 0%, #568C31 50%, #A4B84E 100%);
}
</style>