#1F3906 - #477628 | 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 #1F3906 to #477628

#1F3906 #477628

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

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

0.0%	0.0% #1F3906	RGB 31 57 6	#1F3906
16.7%	16.7% #25430B	RGB 37 67 11	#25430B
33.3%	33.3% #2C4D11	RGB 44 77 17	#2C4D11
50.0%	50.0% #335717	RGB 51 87 23	#335717
66.7%	66.7% #39611C	RGB 57 97 28	#39611C
83.3%	83.3% #406B22	RGB 64 107 34	#406B22
100.0%	100.0% #477628	RGB 71 118 40	#477628

#1F3906 #25430B #2C4D11 #335717 #39611C #406B22 #477628

#1F3906 - #477628

HSV Blend

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

0.0%	0.0% #1E3906	RGB 30 57 6	#1E3906
16.7%	16.7% #244309	RGB 36 67 9	#244309
33.3%	33.3% #2B4D0E	RGB 43 77 14	#2B4D0E
50.0%	50.0% #315713	RGB 49 87 19	#315713
66.7%	66.7% #386119	RGB 56 97 25	#386119
83.3%	83.3% #3F6B20	RGB 63 107 32	#3F6B20
100.0%	100.0% #477628	RGB 71 118 40	#477628

#1E3906 #244309 #2B4D0E #315713 #386119 #3F6B20 #477628

#1F3906 - #315713 - #477628

CSS codes

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

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