#1F4D13 - #8C9D5B | 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 #1F4D13 to #8C9D5B

#1F4D13 #8C9D5B

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

#1F4D13 - #8C9D5B | 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 #1F4D13 as 0% and #8C9D5B as 100%.

0.0%	0.0% #1F4D13	RGB 31 77 19	#1F4D13
16.7%	16.7% #315A1F	RGB 49 90 31	#315A1F
33.3%	33.3% #43672B	RGB 67 103 43	#43672B
50.0%	50.0% #557537	RGB 85 117 55	#557537
66.7%	66.7% #678243	RGB 103 130 67	#678243
83.3%	83.3% #798F4F	RGB 121 143 79	#798F4F
100.0%	100.0% #8C9D5B	RGB 140 157 91	#8C9D5B

#1F4D13 #315A1F #43672B #557537 #678243 #798F4F #8C9D5B

#1F4D13 - #8C9D5B

HSV Blend

#1F4D13 - #8C9D5B | 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 #1F4D13 as 0% and #8C9D5B as 100%.

0.0%	0.0% #1F4D13	RGB 31 77 19	#1F4D13
16.7%	16.7% #2D5A1B	RGB 45 90 27	#2D5A1B
33.3%	33.3% #3E6725	RGB 62 103 37	#3E6725
50.0%	50.0% #507530	RGB 80 117 48	#507530
66.7%	66.7% #64823D	RGB 100 130 61	#64823D
83.3%	83.3% #778F4B	RGB 119 143 75	#778F4B
100.0%	100.0% #8C9D5B	RGB 140 157 91	#8C9D5B

#1F4D13 #2D5A1B #3E6725 #507530 #64823D #778F4B #8C9D5B

#1F4D13 - #507530 - #8C9D5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F4D13 0%, #507530 50%, #8C9D5B 100%);
    background: -webkit-linear-gradient(top, #1F4D13 0%, #507530 50%, #8C9D5B 100%);
    background: linear-gradient(to bottom, #1F4D13 0%, #507530 50%, #8C9D5B 100%);
}
</style>