#69AB4D - #2D5E22 | 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 #69AB4D to #2D5E22

#69AB4D #2D5E22

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

#69AB4D - #2D5E22 | 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 #69AB4D as 0% and #2D5E22 as 100%.

0.0%	0.0% #69AB4D	RGB 105 171 77	#69AB4D
16.7%	16.7% #5F9E45	RGB 95 158 69	#5F9E45
33.3%	33.3% #55913E	RGB 85 145 62	#55913E
50.0%	50.0% #4B8437	RGB 75 132 55	#4B8437
66.7%	66.7% #417730	RGB 65 119 48	#417730
83.3%	83.3% #376A29	RGB 55 106 41	#376A29
100.0%	100.0% #2D5E22	RGB 45 94 34	#2D5E22

#69AB4D #5F9E45 #55913E #4B8437 #417730 #376A29 #2D5E22

#69AB4D - #2D5E22

HSV Blend

#69AB4D - #2D5E22 | 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 #69AB4D as 0% and #2D5E22 as 100%.

0.0%	0.0% #69AB4D	RGB 105 171 77	#69AB4D
16.7%	16.7% #5D9E44	RGB 93 158 68	#5D9E44
33.3%	33.3% #53913D	RGB 83 145 61	#53913D
50.0%	50.0% #488435	RGB 72 132 53	#488435
66.7%	66.7% #3E772E	RGB 62 119 46	#3E772E
83.3%	83.3% #356A28	RGB 53 106 40	#356A28
100.0%	100.0% #2D5E22	RGB 45 94 34	#2D5E22

#69AB4D #5D9E44 #53913D #488435 #3E772E #356A28 #2D5E22

#69AB4D - #488435 - #2D5E22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #69AB4D 0%, #488435 50%, #2D5E22 100%);
    background: -webkit-linear-gradient(top, #69AB4D 0%, #488435 50%, #2D5E22 100%);
    background: linear-gradient(to bottom, #69AB4D 0%, #488435 50%, #2D5E22 100%);
}
</style>