#616D69 - #A6AE7E | 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 #616D69 to #A6AE7E

#616D69 #A6AE7E

Calculate the color between two colors, #616D69 and #A6AE7E. 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)

#616D69 - #A6AE7E | 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 #616D69 as 0% and #A6AE7E as 100%.

0.0%	0.0% #616D69	RGB 97 109 105	#616D69
16.7%	16.7% #6C776C	RGB 108 119 108	#6C776C
33.3%	33.3% #788270	RGB 120 130 112	#788270
50.0%	50.0% #838D73	RGB 131 141 115	#838D73
66.7%	66.7% #8F9877	RGB 143 152 119	#8F9877
83.3%	83.3% #9AA37A	RGB 154 163 122	#9AA37A
100.0%	100.0% #A6AE7E	RGB 166 174 126	#A6AE7E

#616D69 #6C776C #788270 #838D73 #8F9877 #9AA37A #A6AE7E

#616D69 - #A6AE7E

HSV Blend

#616D69 - #A6AE7E | 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 #616D69 as 0% and #A6AE7E as 100%.

0.0%	0.0% #616D69	RGB 97 109 105	#616D69
16.7%	16.7% #67776E	RGB 103 119 110	#67776E
33.3%	33.3% #6D8270	RGB 109 130 112	#6D8270
50.0%	50.0% #748D72	RGB 116 141 114	#748D72
66.7%	66.7% #819876	RGB 129 152 118	#819876
83.3%	83.3% #92A37A	RGB 146 163 122	#92A37A
100.0%	100.0% #A6AE7E	RGB 166 174 126	#A6AE7E

#616D69 #67776E #6D8270 #748D72 #819876 #92A37A #A6AE7E

#616D69 - #748D72 - #A6AE7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #616D69 0%, #748D72 50%, #A6AE7E 100%);
    background: -webkit-linear-gradient(top, #616D69 0%, #748D72 50%, #A6AE7E 100%);
    background: linear-gradient(to bottom, #616D69 0%, #748D72 50%, #A6AE7E 100%);
}
</style>