#66AD5E - #1D311A | 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 #66AD5E to #1D311A

#66AD5E #1D311A

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

#66AD5E - #1D311A | 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 #66AD5E as 0% and #1D311A as 100%.

0.0%	0.0% #66AD5E	RGB 102 173 94	#66AD5E
16.7%	16.7% #599852	RGB 89 152 82	#599852
33.3%	33.3% #4D8347	RGB 77 131 71	#4D8347
50.0%	50.0% #416F3C	RGB 65 111 60	#416F3C
66.7%	66.7% #355A30	RGB 53 90 48	#355A30
83.3%	83.3% #294525	RGB 41 69 37	#294525
100.0%	100.0% #1D311A	RGB 29 49 26	#1D311A

#66AD5E #599852 #4D8347 #416F3C #355A30 #294525 #1D311A

#66AD5E - #1D311A

HSV Blend

#66AD5E - #1D311A | 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 #66AD5E as 0% and #1D311A as 100%.

0.0%	0.0% #66AD5E	RGB 102 173 94	#66AD5E
16.7%	16.7% #599852	RGB 89 152 82	#599852
33.3%	33.3% #4D8346	RGB 77 131 70	#4D8346
50.0%	50.0% #416F3B	RGB 65 111 59	#416F3B
66.7%	66.7% #355A30	RGB 53 90 48	#355A30
83.3%	83.3% #294525	RGB 41 69 37	#294525
100.0%	100.0% #1D311A	RGB 29 49 26	#1D311A

#66AD5E #599852 #4D8346 #416F3B #355A30 #294525 #1D311A

#66AD5E - #416F3B - #1D311A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #66AD5E 0%, #416F3B 50%, #1D311A 100%);
    background: -webkit-linear-gradient(top, #66AD5E 0%, #416F3B 50%, #1D311A 100%);
    background: linear-gradient(to bottom, #66AD5E 0%, #416F3B 50%, #1D311A 100%);
}
</style>