#69AF5E - #1D321A | 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 #69AF5E to #1D321A

#69AF5E #1D321A

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

#69AF5E - #1D321A | 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 #69AF5E as 0% and #1D321A as 100%.

0.0%	0.0% #69AF5E	RGB 105 175 94	#69AF5E
16.7%	16.7% #5C9A52	RGB 92 154 82	#5C9A52
33.3%	33.3% #4F8547	RGB 79 133 71	#4F8547
50.0%	50.0% #43703C	RGB 67 112 60	#43703C
66.7%	66.7% #365B30	RGB 54 91 48	#365B30
83.3%	83.3% #294625	RGB 41 70 37	#294625
100.0%	100.0% #1D321A	RGB 29 50 26	#1D321A

#69AF5E #5C9A52 #4F8547 #43703C #365B30 #294625 #1D321A

#69AF5E - #1D321A

HSV Blend

#69AF5E - #1D321A | 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 #69AF5E as 0% and #1D321A as 100%.

0.0%	0.0% #69AF5E	RGB 105 175 94	#69AF5E
16.7%	16.7% #5B9A52	RGB 91 154 82	#5B9A52
33.3%	33.3% #4F8546	RGB 79 133 70	#4F8546
50.0%	50.0% #42703B	RGB 66 112 59	#42703B
66.7%	66.7% #355B30	RGB 53 91 48	#355B30
83.3%	83.3% #294625	RGB 41 70 37	#294625
100.0%	100.0% #1D321A	RGB 29 50 26	#1D321A

#69AF5E #5B9A52 #4F8546 #42703B #355B30 #294625 #1D321A

#69AF5E - #42703B - #1D321A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #69AF5E 0%, #42703B 50%, #1D321A 100%);
    background: -webkit-linear-gradient(top, #69AF5E 0%, #42703B 50%, #1D321A 100%);
    background: linear-gradient(to bottom, #69AF5E 0%, #42703B 50%, #1D321A 100%);
}
</style>