#618D4C - #D1AB7E | 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 #618D4C to #D1AB7E

#618D4C #D1AB7E

Calculate the color between two colors, #618D4C and #D1AB7E. 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)

#618D4C - #D1AB7E | 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 #618D4C as 0% and #D1AB7E as 100%.

0.0%	0.0% #618D4C	RGB 97 141 76	#618D4C
16.7%	16.7% #739254	RGB 115 146 84	#739254
33.3%	33.3% #86975C	RGB 134 151 92	#86975C
50.0%	50.0% #999C65	RGB 153 156 101	#999C65
66.7%	66.7% #ABA16D	RGB 171 161 109	#ABA16D
83.3%	83.3% #BEA675	RGB 190 166 117	#BEA675
100.0%	100.0% #D1AB7E	RGB 209 171 126	#D1AB7E

#618D4C #739254 #86975C #999C65 #ABA16D #BEA675 #D1AB7E

#618D4C - #D1AB7E

HSV Blend

#618D4C - #D1AB7E | 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 #618D4C as 0% and #D1AB7E as 100%.

0.0%	0.0% #618D4C	RGB 97 141 76	#618D4C
16.7%	16.7% #769853	RGB 118 152 83	#769853
33.3%	33.3% #8EA35B	RGB 142 163 91	#8EA35B
50.0%	50.0% #A6AF63	RGB 166 175 99	#A6AF63
66.7%	66.7% #BAB46C	RGB 186 180 108	#BAB46C
83.3%	83.3% #C5B075	RGB 197 176 117	#C5B075
100.0%	100.0% #D1AB7E	RGB 209 171 126	#D1AB7E

#618D4C #769853 #8EA35B #A6AF63 #BAB46C #C5B075 #D1AB7E

#618D4C - #A6AF63 - #D1AB7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #618D4C 0%, #A6AF63 50%, #D1AB7E 100%);
    background: -webkit-linear-gradient(top, #618D4C 0%, #A6AF63 50%, #D1AB7E 100%);
    background: linear-gradient(to bottom, #618D4C 0%, #A6AF63 50%, #D1AB7E 100%);
}
</style>