#416F5E - #9EB67B | 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 #416F5E to #9EB67B

#416F5E #9EB67B

Calculate the color between two colors, #416F5E and #9EB67B. 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)

#416F5E - #9EB67B | 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 #416F5E as 0% and #9EB67B as 100%.

0.0%	0.0% #416F5E	RGB 65 111 94	#416F5E
16.7%	16.7% #507A62	RGB 80 122 98	#507A62
33.3%	33.3% #608667	RGB 96 134 103	#608667
50.0%	50.0% #6F926C	RGB 111 146 108	#6F926C
66.7%	66.7% #7F9E71	RGB 127 158 113	#7F9E71
83.3%	83.3% #8EAA76	RGB 142 170 118	#8EAA76
100.0%	100.0% #9EB67B	RGB 158 182 123	#9EB67B

#416F5E #507A62 #608667 #6F926C #7F9E71 #8EAA76 #9EB67B

#416F5E - #9EB67B

HSV Blend

#416F5E - #9EB67B | 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 #416F5E as 0% and #9EB67B as 100%.

0.0%	0.0% #416F5E	RGB 65 111 94	#416F5E
16.7%	16.7% #497A5E	RGB 73 122 94	#497A5E
33.3%	33.3% #52865E	RGB 82 134 94	#52865E
50.0%	50.0% #5C925D	RGB 92 146 93	#5C925D
66.7%	66.7% #709E66	RGB 112 158 102	#709E66
83.3%	83.3% #86AA70	RGB 134 170 112	#86AA70
100.0%	100.0% #9EB67B	RGB 158 182 123	#9EB67B

#416F5E #497A5E #52865E #5C925D #709E66 #86AA70 #9EB67B

#416F5E - #5C925D - #9EB67B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #416F5E 0%, #5C925D 50%, #9EB67B 100%);
    background: -webkit-linear-gradient(top, #416F5E 0%, #5C925D 50%, #9EB67B 100%);
    background: linear-gradient(to bottom, #416F5E 0%, #5C925D 50%, #9EB67B 100%);
}
</style>