#163900 - #6A8331 | 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 #163900 to #6A8331

#163900 #6A8331

Calculate the color between two colors, #163900 and #6A8331. 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)

#163900 - #6A8331 | 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 #163900 as 0% and #6A8331 as 100%.

0.0%	0.0% #163900	RGB 22 57 0	#163900
16.7%	16.7% #244508	RGB 36 69 8	#244508
33.3%	33.3% #325110	RGB 50 81 16	#325110
50.0%	50.0% #405E18	RGB 64 94 24	#405E18
66.7%	66.7% #4E6A20	RGB 78 106 32	#4E6A20
83.3%	83.3% #5C7628	RGB 92 118 40	#5C7628
100.0%	100.0% #6A8331	RGB 106 131 49	#6A8331

#163900 #244508 #325110 #405E18 #4E6A20 #5C7628 #6A8331

#163900 - #6A8331

HSV Blend

#163900 - #6A8331 | 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 #163900 as 0% and #6A8331 as 100%.

0.0%	0.0% #153900	RGB 21 57 0	#153900
16.7%	16.7% #204504	RGB 32 69 4	#204504
33.3%	33.3% #2D510A	RGB 45 81 10	#2D510A
50.0%	50.0% #3A5E11	RGB 58 94 17	#3A5E11
66.7%	66.7% #496A1A	RGB 73 106 26	#496A1A
83.3%	83.3% #597624	RGB 89 118 36	#597624
100.0%	100.0% #6A8331	RGB 106 131 49	#6A8331

#153900 #204504 #2D510A #3A5E11 #496A1A #597624 #6A8331

#163900 - #3A5E11 - #6A8331

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #153900 0%, #3A5E11 50%, #6A8331 100%);
    background: -webkit-linear-gradient(top, #153900 0%, #3A5E11 50%, #6A8331 100%);
    background: linear-gradient(to bottom, #153900 0%, #3A5E11 50%, #6A8331 100%);
}
</style>