#364332 - #69AD5E | 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 #364332 to #69AD5E

#364332 #69AD5E

Calculate the color between two colors, #364332 and #69AD5E. 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)

#364332 - #69AD5E | 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 #364332 as 0% and #69AD5E as 100%.

0.0%	0.0% #364332	RGB 54 67 50	#364332
16.7%	16.7% #3E5439	RGB 62 84 57	#3E5439
33.3%	33.3% #476640	RGB 71 102 64	#476640
50.0%	50.0% #4F7848	RGB 79 120 72	#4F7848
66.7%	66.7% #58894F	RGB 88 137 79	#58894F
83.3%	83.3% #609B56	RGB 96 155 86	#609B56
100.0%	100.0% #69AD5E	RGB 105 173 94	#69AD5E

#364332 #3E5439 #476640 #4F7848 #58894F #609B56 #69AD5E

#364332 - #69AD5E

HSV Blend

#364332 - #69AD5E | 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 #364332 as 0% and #69AD5E as 100%.

0.0%	0.0% #364332	RGB 54 67 50	#364332
16.7%	16.7% #41543C	RGB 65 84 60	#41543C
33.3%	33.3% #4C6645	RGB 76 102 69	#4C6645
50.0%	50.0% #55784D	RGB 85 120 77	#55784D
66.7%	66.7% #5D8954	RGB 93 137 84	#5D8954
83.3%	83.3% #639B59	RGB 99 155 89	#639B59
100.0%	100.0% #69AD5E	RGB 105 173 94	#69AD5E

#364332 #41543C #4C6645 #55784D #5D8954 #639B59 #69AD5E

#364332 - #55784D - #69AD5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #364332 0%, #55784D 50%, #69AD5E 100%);
    background: -webkit-linear-gradient(top, #364332 0%, #55784D 50%, #69AD5E 100%);
    background: linear-gradient(to bottom, #364332 0%, #55784D 50%, #69AD5E 100%);
}
</style>